select中无法使用click的处理_html/css_WEB-ITnose

今天工作用到了select，想要给option添加click点击事件，可是却没有任何效果，百度了才发现，原来竟然是不支持呀！

众所周知(其实我才知道哎),在IE里, select的option是不支持onclick事件的, 而在FF 和 OPERA 里, option 是支持onclick事件的.
(safari似乎也不支持,不过暂时我还不知道如何解决safari的问题.)

我今天是用onchange来解决的，原谅也是才知道它可以用这个。select状态改变来调用函数。

 1  2  3  4      5      6      7  8  9 10 11     qq12     bbb13     ccc14 15 
16 
111
17 
222
18 
333
19 
20 34 35 

虽然onchange在某些时刻可以代替 option的click事件, 但是两者并无法做到完全等价. 因为onchange只有在 你点击的option和之前的option不同时才会触发. 当select当前选中的是第一项 而你再次点击第一项时, select是不会被触发的.

下面的代码演示了一种间接实现 option onclick的方法 

注意:此方案只适用于　下拉方式的单选select.

 1        2        3         4          5       37        38       39        40       41          42           43         aaaaa  44         bbbbb  45         ccccc  46         47       48       49       50       

才知道）,在IE里,select的option是不支持onclick事件的, 而在 FF 和 OPERA 里, option 是支持onclick事件的. (似乎也不支持,不过暂时我还不知道如何解决safari的问题.)