我们分析一下不同浏览器下option元素的表现差异,主要有三个方面:
1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有。
1 <select id="s1" multiple="multiple">
2 <option value="1" onclick="alert(1);">1</option>
3 <option value="2" onclick="alert(2);">2</option>
4 </select>
2,点击option,通过srcElement获取事件源目标在IE中是select,Firefox/Safari/Chrome/Opera则是option。
01 <select id="s2" multiple="multiple">
02 <option value="1" >1</option>
03 </select>
04 <script>
05 document.getElementById('s2').onclick = function(e){
06 var evt = window.event || e;
07 var target = evt.srcElement || evt.target;
08 alert(target.tagName);
09 }
10 </script>
3,IE6下给option元素添加title属性实现tips功能无效。
view sourceprint?1 <select id="s1" multiple="multiple">
2 <option value="1" title="tips">1</option>
3 </select>