我们分析一下不同浏览器下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>