javascript各浏览器中option元素的表现差异

2019-12-24,,

1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有。
复制代码 代码如下:
<select id="s1" multiple="multiple">
<option value="1" onclick="alert(1);">1</option>
<option value="2" onclick="alert(2);">2</option>
</select>


示例:

12

2,点击option,通过srcElement获取事件源目标在IE中是select,Firefox/Safari/Chrome/Opera则是option。
复制代码 代码如下:
<select id="s2" multiple="multiple">
<option value="1" >1</option>
</select>
<script>
document.getElementById('s2').onclick = function(e){
var evt = window.event || e;
var target = evt.srcElement || evt.target;
alert(target.tagName);
}
</script>


示例:

1

3,IE6下给option元素添加title属性实现tips功能无效。
复制代码 代码如下:
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>


示例:

1

您可能感兴趣的文章:

  • js option删除代码集合
  • javascript对select标签的控制(option选项/select)
  • javascript options属性集合操作代码
  • javascript Select标记中options操作方法集合
  • javascript删除option选项的多种方法总结

《javascript各浏览器中option元素的表现差异.doc》

下载本文的Word格式文档,以方便收藏与打印。