2011-01-27 1 views
0

Эй, у меня есть выпадающий ящик, сделанный в html, и мне просто интересно, можно ли иметь 2 отдельных текстовых поля при выборе определенного выпадающего элемента , ТакЕсть окно ввода в DropDown Выберите HTML/Javascript

Dropdown - Пункт 1 - Пункт 2 - пункт 3

Если пункт 3 выбран затем

ввода текста 1 появляется - входной текстовый блок 2 появляется

Спасибо, ребята

ответ

2
<select id='combo'> 
    <option>...</option> 
</select> 
<input id='text1' style='display: none'/> 
<input id='text2' style='display: none'/> 
<script> 
// Disclaimer: using a library (jquery, ext-core, prototype) to bind events and change 
// styles is safer across browsers 
document.getElementById('combo').onchange = function() { 
    var display = this.selectedIndex == 2 ? "inline" : "none"; 
    document.getElementById('text1').style.display = display; 
    document.getElementById('text2').style.display = display; 
} 
</script> 
+0

спасибо, отлично работает! –