jquery取消选择select下拉框示例代码

时间：2016.04.18 发布人：yangrongaabb
jquery取消选择select下拉框示例代码

已解决问题

谷歌yangrongaabb用户在2016.04.18提交了关于“暗黑破坏神之毁灭jquery取消选择select下拉框示例代码”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-28T13:32:51。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，谢谢你帮我,祝你快乐,愿你事事如意 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：F来自ISh**AN1019  

有三个sel问答ect下拉框
一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时**另外的小类选择的项
这需求有点儿.

下面是三个select:
复制代码代码如下:
<selectname="pWaqqqy"id="sel_type"onchange="selectFuncti院苦句部背围村战on()">
<optionvalue="">全部</option>
<o言ptionvalue="7">aa</option>
<optionvalue="8">bb</opti士组财远带游工拿较劳在on>
</select>
<selectname="pWay"id="sel_children0"style="display:none;">
<optionvalue="">全部</option>
<optionvalue="5">a</option>
<optionvalue="3">a</option>
<optionvalue="1">a</option>
<optionvalue="2">a</option>
<optionvalue="6">a</option>
</select>
<sel玉ectname="pWay"id="sel_children1"sty件范围le="display:none;">
<optionvalue="">全部</option>
<o似听常识ptionvalue="4">b</option>
</select>

jquery扩展,调用时,使用$("select").removeS错术秋elected();
复制代的湖总码代码如下:
jQuery.fn.removeSelected=function场随青权布(){
this.val("");
};

大类选择框选中时,调用selectFunction()方法:
复制代码代码如下:
functionselectFunction(){
if($("#sel_type").val()=="7"){
$("#sel_children0").show();
$("#sel_children1").hide();
$("#sel_children1").remov差爱件宣eSelected();
}elseif($("#sel_type").val()=="8"){
$商百伤轮续助括著交盾由("#sel_children1").show();
$("#sel_children0").hide();
$("#sel_child蒸就席星ren0").removeSelected();
}else{
$名提行护球课快对早载缩("#sel_children0").hide().remo伟起veSelect觉ed();
$("#sel_children1").hide().removeSelected();
}
}

前提是先引入jquery.js文件