Jquery – 在select中选择optgroup

前端之家收集整理的这篇文章主要介绍了Jquery – 在select中选择optgroup前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有2个选择组的选择.有没有办法只在选择第一个optgroup中的选项时调用函数,如果选择了第二个optgroup的选项,则调用另一个函数

解决方法

当然.

HTML

What is your preferred vacation spot?<br>
<SELECT ID="my_select"> 

<OPTGROUP LABEL="OptGroup One." id="one">        
<OPTION LABEL="Florida">Florida</OPTION>         
<OPTION LABEL="Hawaii">Hawaii</OPTION>         
<OPTION LABEL="Jersey">Jersey Shore</OPTION>    
</OPTGROUP> 

<OPTGROUP LABEL="OptGroup Two" id="two">  
<OPTION LABEL="Paris">Paris</OPTION>  
<OPTION LABEL="London">London</OPTION> 
<OPTION LABEL="Florence">Florence</OPTION>  
</OPTGROUP>

</SELECT>

JS:

$("#my_select").change(function(){
    var selected = $("option:selected",this);
    if(selected.parent()[0].id == "one"){
        //OptGroup 1,do something here..
    } else if(selected.parent()[0].id == "two"){
        //OptGroup 2,do something here
    }
});

示例:http://jsfiddle.net/pyG2v/

猜你在找的jQuery相关文章