输入框出现在DropDown上选择HTML / Javascript

时间:2011-01-27 22:48:35

标签: javascript html onselect

嘿,我有一个用html完成的下拉框,我只是想知道当选择一个特定的下拉项时是否可以出现2个单独的文本框。 所以

下拉       - 第1项       - 第2项       - 第3项

如果选择了第3项,那么

出现

输入文本框1 - 出现输入文本框2

谢谢你们

1 个答案:

答案 0 :(得分: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>