там например 3 пункта. если выбираем первый то под формой выбора появляется 1 форма для ввода текста , если второй - 2, если третий - 3
Как реализовать?
Спасибо!
Спустя 28 минут, 2 секунды (7.04.2010 - 20:53) John_761 написал(а):
<select onchange="alert(this.selectedIndex)">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
Данный код при выборе пункта выводит его индекс, используется событие onchange
Затем пишешь функцию? куда будет передаваться этот индекс и где будет меняться свойство нужной формы display с none на block
Спустя 14 минут, 36 секунд (7.04.2010 - 21:08) rocker написал(а):
Спасибо, но я в javascript совершенно не смыслю...и врятли смогу дописать функцию (
Спустя 37 минут, 25 секунд (7.04.2010 - 21:45) John_761 написал(а):
Вот один способ, у форм id должны быть вида form0 form1 ... formN
JavaScript
html код
JavaScript
function showForm(number)
{
var select = document.getElementById('select');
var forms = new Array();
for (var i = 0; i < select.options.length; i++)
{
forms[i] = document.getElementById('form' + i); // все формы заносим в массив, id у форм вида form0 form1 ... formN
forms[i].style.display = 'none'; // закрываем все остальные
}
forms[number].style.display = 'block';
}
html код
<select id="select" onchange="showForm(this.selectedIndex)">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
<form id="form0" style="display:none">
<input type="text"/>
</form>
<form id="form1" style="display:none">
<input type="text"/>
</form>
<form id="form2" style="display:none">
<input type="text"/>
</form>
Спустя 32 минуты, 39 секунд (7.04.2010 - 22:18) rocker написал(а):
John_761
Спасибо огромное!
И еще, не подскажете как этот код использовать внутри формы???
Спасибо огромное!
И еще, не подскажете как этот код использовать внутри формы???