select中无法使用click的处理-嗑瓜子儿gf

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

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

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

  1     DOCTYPE html  > 
  2     html  > 
  3     head   lang  ="en"  > 
  4         meta   charset  ="UTF-8"  > 
  5         script   src  ="js/jquery-1.11.3.js"  >  script  > 
  6         title  >  title  > 
  7     head  > 
  8     body  > 
  9  
 10     select   name  =""   id  ="qq"   onchange  ="outputSelect()"  > 
 11         option   value  ="1"  > qq   option  > 
 12         option   value  ="2"  > bbb   option  > 
 13         option   value  ="3"  > ccc   option  > 
 14     select  > 
 15     div  > 
 16     div   class  ="con"   style  ="display:none"  > 111   div  > 
 17     div   class  ="con"   style  ="display:none"  > 222   div  > 
 18     div   class  ="con"   style  ="display:none"  > 333   div  > 
 19     div  > 
 20     script  > 
 21       $(  "  .con  "  ).eq(  0  ).show();
  22       function   outputSelect(){
  23           console.log(  "  aa  "  );
  24           var   num   =  $(  "  #qq  "  ).find(  "  option:selected  "  ).index();
  25           console.log(num);
  26           $(  "  .con  "  ).hide();
  27           $(  "  .con  "  ).eq(num).show().siblings().hide();
  28       }
  29  
 30       console.log($(  "  #qq  "  ).find(  "  option:selected  "  ).val());
  31       var   aa  =  $(  "  #qq option:selected  "  ).val();
  32       console.log(aa);
  33     script  > 
 34     body  > 
 35     html  >  

查看更多关于select中无法使用click的处理-嗑瓜子儿gf的详细内容...