HTML javascript选择操作

Question

我有一个选择清单:

<select>
<option value="0" onclick="anders('1')">Anders</option>
<option value="200" onclick="anders('');" selected="selected">&#8364; 200,-</option>
<option value="300" onclick="anders('')">&#8364; 300,-</option>
<option value="400" onclick="anders('')">&#8364; 400,-</option>
<option value="500" onclick="anders('')">&#8364; 500,-</option>
</select>

当我选择值"0"时,需要显示某些内容,这在Firefox中有效但在Internet Explorer中无效.即使是onclick的警报功能也无法在IE中运行,有人知道这件事吗？

Answer 1

您真的应该将此逻辑绑定到select本身的onchange事件,而不是单个选项的click事件:

var myDiv = document.getElementById("myDiv");
document.getElementById("mySelect").onchange = function(){
  myDiv.style.display = (this.selectedIndex == 0) ? "block" : "none";
}

当我们以这种方式绑定它时,我们不需要混合我们的HTML和我们的Javascript.我们的HTML看起来很简单,如下所示:

<select id="mySelect" name="values">
  <option>0</option>
  <option>1</option>
  <option>2</option>
</select>
<div id="myDiv">
  <p>Select 0 to show me, otherwise I'm invisible!</p>
</div>

在线演示:http://jsbin.com/ijogi