HTML javascript选择操作
我有一个选择列表:HTML javascript选择操作,javascript,html,select,action,Javascript,Html,Select,Action,我有一个选择列表: <select> <option value="0" onclick="anders('1')">Anders</option> <option value="200" onclick="anders('');" selected="selected">€ 200,-</option> <option value="300" onclick="anders('')">̈́
<select>
<option value="0" onclick="anders('1')">Anders</option>
<option value="200" onclick="anders('');" selected="selected">€ 200,-</option>
<option value="300" onclick="anders('')">€ 300,-</option>
<option value="400" onclick="anders('')">€ 400,-</option>
<option value="500" onclick="anders('')">€ 500,-</option>
</select>
当我选择值0时,需要显示一些内容,这在firefox中有效,但在internet explorer中无效。即使带有onclick的警报功能在IE中也不起作用,有人知道这方面的情况吗?您确实应该将此逻辑绑定到选择本身的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>
在线演示:阅读您自己的问题,并假装这是您所有的信息。现在,你能帮你吗?包含一些代码可能会有所帮助。@Stefan:记住尽量使Javascript远离HTML:@Stefan:将this.value更改为this.selectedIndex。