Jquery – 在select中选择optgroup

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

解决方法

当然.

HTML

@H_403_8@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:

@H_403_8@$("#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/

原文链接:https://www.f2er.com/jquery/178137.html

猜你在找的jQuery相关文章