Отображать поле ввода при DropDown Выберите HTML / Javascript - PullRequest
Новая
       18

Отображать поле ввода при DropDown Выберите HTML / Javascript

0 голосов
/ 28 января 2011

Эй, у меня есть раскрывающийся список в формате html, и мне просто интересно, можно ли было бы отображать 2 отдельных текстовых поля при выборе определенного выпадающего элемента.Итак,

Раскрывающийся список - Элемент 1 - Элемент 2 - элемент 3

Если выбран элемент 3, то появляется

текстовое поле ввода 1 - текстовое поле ввода 2 появляется

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

1 Ответ

2 голосов
/ 28 января 2011 
<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>
...