您好,欢迎来到安汇情感。
搜索
您的当前位置:首页jquery取消选择select下拉框示例代码_jquery

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

来源:安汇情感


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

下面是三个select:
代码如下:




jquery扩展,调用时,使用$("select").removeSelected();
代码如下:
jQuery.fn.removeSelected = function() {
this.val("");
};

大类选择框选中时,调用selectFunction()方法:
代码如下:
function selectFunction(){
if($("#sel_type").val()=="7"){
$("#sel_children0").show();
$("#sel_children1").hide();
$("#sel_children1").removeSelected();
}else if($("#sel_type").val()=="8"){
$("#sel_children1").show();
$("#sel_children0").hide();
$("#sel_children0").removeSelected();
}else{
$("#sel_children0").hide().removeSelected();
$("#sel_children1").hide().removeSelected();
}
}

前提是先引入jquery.js文件

Copyright © 2019- ahftz.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务