让输入框出现在下拉菜单中选择 HTML / Javascript

Question

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

下拉菜单 - 第 1 项 - 第 2 项 - 项目 3

如果选择项目 3，则

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

谢谢大家

Answer 1

<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>