HTML javascript 选择操作

发布于 2024-08-22 09:57:28 字数 587 浏览 2 评论 0原文

我有一个选择列表：

<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 中也不起作用，有人知道这件事吗？

原文

I got a selection list:

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

When I select value "0" something need to be visible, this is working in firefox but not in internet explorer. Even an alert function with onclick isn't working in IE, does anybody knows something for this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦醒灬来后我 2024-08-29 09:57:28

您确实应该将此逻辑绑定到选择本身的 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

You really should probably bind this logic to the onchange event of the select itself, and not the click event of the individual options:

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

When we bind it this way, we don't need to mix our HTML and our Javascript. Our HTML can look as simple as what follows:

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

Online demo: http://jsbin.com/ijogi

回复收藏 0 原文

~没有更多了~