javascript各浏览器中option元素的表现差异
更新时间：2011年04月07日 22:56:14 作者：
javascript各浏览器中option元素的表现差异,需要的朋友可以参考下。
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>
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>
3，IE6下给option元素添加title属性实现tips功能无效。
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>
复制代码 代码如下:
<select id="s1" multiple="multiple">
<option value="1" onclick="alert(1);">1</option>
<option value="2" onclick="alert(2);">2</option>
</select>
示例：
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>
示例：
3，IE6下给option元素添加title属性实现tips功能无效。
复制代码 代码如下:
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>
示例：
相关文章
微调数字...2007-02-02
javascritp实现input输入框相关限制用法...2007-06-06
限制文本字节数js代码...2007-03-03
textarea自动下拉(带计数)2008-11-11
2008-01-01
如何定义select的边框颜色 解决思路： 学习了clip和margin属性的用法，利用它们的特点，很容易就得出答案。2008-04-04
模拟用户操作Input元素，不会触发相应事件...2007-05-05
原来文章是jsp下，其实应用了js的代码，大家可以参考下，其实各个语言的原理都一样，如果使用了ajax严重就完美的客户端验证了。2009-09-09
使用嵌套循环来枚举重复项，然后移除。2010-02-02
javaScript checkbox 全选/反选及批量删除
javaScript checkbox 全选/反选及批量删除实现代码，需要的朋友可以参考下。2010-04-04
最新评论