Onclick in选择不在IE中工作 [英] Onclick in select not working in IE

问题描述

对javascript有点新鲜。这个问题可能听起来有些过于愚蠢，但我无法弄明白为什么以下内容在IE中不起作用并且在firefox中运行..

Am a bit new to javascript. This question might sound a bit too silly, but I'm not able to figure it out why the following doesn't work in IE and works in firefox..

<select multiple="multiple">
 <option value="tx" onClick="alert('tx');">Texas</option>
 <option value="ak" onClick="alert('ak');">Alaska</option>
 <option value="ca" onClick="alert('ca');">California</option>
 <option value="ws" onClick="alert('ws');">Washington</option>
 <option value="tn" onClick="alert('tn');">Tennessee</option>
</select>

IE中没有出现警报（我使用的是IE8）。但它适用于firefox !!!!!

The alert doesn't come up in IE (I'm using IE8). But it works in firefox!!!!!

推荐答案

根据w3schools ，选项标签确实支持onclick属性。我尝试使用IE6的底部，这似乎并非如此。

According to w3schools, the option tag does support an onclick attribute. I tried with with bottom of the barrel IE6 and this doesn't seem to be the case.

最简单的方法是：

<select multiple="multiple" onchange="alert(this.value);">
 <option value="tx">Texas</option>
 <option value="ak">Alaska</option>
 <option value="ca">California</option>
 <option value="ws">Washington</option>
 <option value="tn">Tennessee</option>
</select>

这不是你想要的，但应该非常接近。

This is not exactly what you are after, but should be pretty close.

编辑

这只需要更多工作：

<select multiple="multiple" onchange="
    switch (this.value){
      case 'tx': funcOne(); break;
      case 'ak': funcTwo(); break;
      etc...
   }
 ">
 <option value="tx">Texas</option>
 <option value="ak">Alaska</option>
 <option value="ca">California</option>
 <option value="ws">Washington</option>
 <option value="tn">Tennessee</option>
</select>

此时将onchange包装成js文件中的函数而不是嵌入是合适的它在html中。

At this point it would be appropriate to wrap the onchange into a function in a js file instead of embedding it in the html.

这篇关于Onclick in选择不在IE中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！