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

您真的应该将此逻辑绑定(bind)到选择本身的 onchange 事件，而不是各个选项的点击事件:

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

当我们以这种方式绑定(bind)它时，我们不需要混合我们的 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