javascript – Onclick选择不在IE中工作

前端之家收集整理的这篇文章主要介绍了javascript – Onclick选择不在IE中工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
javascript有点新鲜.这个问题可能听起来有点过于愚蠢,但我无法弄清楚为什么以下在IE中不起作用并且在firefox中工作.
  1. <select multiple="multiple">
  2. <option value="tx" onClick="alert('tx');">Texas</option>
  3. <option value="ak" onClick="alert('ak');">Alaska</option>
  4. <option value="ca" onClick="alert('ca');">California</option>
  5. <option value="ws" onClick="alert('ws');">Washington</option>
  6. <option value="tn" onClick="alert('tn');">Tennessee</option>
  7. </select>

IE中没有出现警报(我正在使用IE8).但它适用于Firefox!!!!!!

解决方法

According to w3schools,选项标签支持onclick属性.我尝试使用IE6底部的桶,这似乎并非如此.

最简单的方法是:

  1. <select multiple="multiple" onchange="alert(this.value);">
  2. <option value="tx">Texas</option>
  3. <option value="ak">Alaska</option>
  4. <option value="ca">California</option>
  5. <option value="ws">Washington</option>
  6. <option value="tn">Tennessee</option>
  7. </select>

这不完全是你所追求的,但应该非常接近.

EDITS

这需要更多的工作:

  1. <select multiple="multiple" onchange="
  2. switch (this.value){
  3. case 'tx': funcOne(); break;
  4. case 'ak': funcTwo(); break;
  5. etc...
  6. }
  7. ">
  8. <option value="tx">Texas</option>
  9. <option value="ak">Alaska</option>
  10. <option value="ca">California</option>
  11. <option value="ws">Washington</option>
  12. <option value="tn">Tennessee</option>
  13. </select>

此时,将onchange包装到js文件中的函数中是合适的,而不是将其嵌入到html中.

猜你在找的JavaScript相关文章