jQuery –在选择中选择optgroup

我有2个optgroup的选择。只有选择了第一个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 –在选择中选择optgroup，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5475003/