jquery取消选择select下拉框
2013-08-21 17:48
246 查看
有三个select下拉框
一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项
这需求有点儿..........
下面是三个select:
jquery扩展,调用时,使用$("select").removeSelected();
大类选择框选中时,调用selectFunction()方法:
前提是先引入jquery.js文件
一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项
这需求有点儿..........
下面是三个select:
<select name="pWaqqqy" id="sel_type" onchange="selectFunction()"> <option value="">全部</option> <option value="7">aa</option> <option value="8">bb</option> </select> <select name="pWay" id="sel_children0" style="display:none;"> <option value="">全部</option> <option value="5">a</option> <option value="3">a</option> <option value="1">a</option> <option value="2">a</option> <option value="6">a</option> </select> <select name="pWay" id="sel_children1" style="display:none;"> <option value="">全部</option> <option value="4">b</option> </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文件
相关文章推荐
- dhl:jquery select下拉框,checkbox,选择
- jQuery怎么获取被选择的select下拉框的值,并理解f12的非实时性
- JQuery 增加、删除表格div层文本内容的JS代码 和仿select个性下拉框选择效果JS代码
- jquery select 下拉框选择代码
- jquery取消选择select下拉框示例代码
- 【JavaScript&jQuery】单选框radio,复选框checkbox,下拉选择框select
- jquery获取select选择的文本与值
- jQuery获取Select选择的Text和 Value(转)
- jQuery取得select选择的文本与值
- jQuery取得设置清空select选择的文本与值
- jquery 纯JS设置select下拉框,并默认选中第一个
- jquery 匹配select下拉框与列表框
- jQuery获取Radio选择的Value值||两个select之间option的互相添加操作(jquery实现)
- jQuery获取Select选择的Text和 Value(转)
- JQuery实现全选、取消全选、反向选择
- jQuery取得select选择的文本与值
- jQuery获取Select选择的Text(非表单元素)和 Value(表单元素)(转)
- jquery 获取select下拉框 选中的option ???
- jQuery取得select选择的文本与值
- jQuery获取Select选择的Text和 Value(转)