我要评论有三个select下拉框
一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项
这需求有点儿..........
下面是三个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文件
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论