jquery取消選擇select下拉框示例代碼
有三個(gè)select下拉框
一個(gè)大類,兩個(gè)小類隱藏,需要在選擇大類的時(shí)候,小類顯示同時(shí)清除另外的小類選擇的項(xiàng)
這需求有點(diǎn)兒..........
下面是三個(gè)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擴(kuò)展,調(diào)用時(shí),使用$("select").removeSelected();
jQuery.fn.removeSelected = function() {
this.val("");
};
大類選擇框選中時(shí),調(diào)用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文件
相關(guān)文章
jquery實(shí)現(xiàn)固定頂部導(dǎo)航效果(仿蘑菇街)
蘑菇街導(dǎo)航固定頂部的效果想必大伙有所關(guān)注吧,想實(shí)現(xiàn)吧,本文將帶你走完實(shí)現(xiàn)之旅,接下來(lái)的代碼是使用jquery,感興趣的各位可不要錯(cuò)過(guò)了哈2013-03-03jQuery實(shí)現(xiàn)表格行上下移動(dòng)和置頂效果
本文給大家分享的是一款由jQuery實(shí)現(xiàn)的表格行上下移動(dòng)以及置頂效果的代碼,非常的簡(jiǎn)單實(shí)用,這里給出了核心代碼,有需要的小伙伴可以參考下。2015-06-06jQuery動(dòng)態(tài)地獲取系統(tǒng)時(shí)間實(shí)現(xiàn)代碼
jquery獲取當(dāng)前年份、獲取當(dāng)前月份(0——11),具體思路及代碼如下,感興趣的朋友可以參考下哈,希望可以幫助到你2013-05-05jQuery實(shí)現(xiàn)放大鏡效果實(shí)例代碼
在一些電商網(wǎng)站我們都見(jiàn)到使用過(guò)放大鏡來(lái)查看商品詳情,那么基于jquery代碼是如何實(shí)現(xiàn)放大鏡效果的呢?下面由腳本之家小編給大家分享jquery代碼實(shí)現(xiàn)放大鏡效果2016-03-03JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
這篇文章主要介紹了JQuery的ready函數(shù)與JS的onload的區(qū)別,有需要的朋友可以參考一下2013-11-11JQuery 構(gòu)建客戶/服務(wù)分離的鏈接模型中Table分頁(yè)代碼效率初探
JQuery構(gòu)建客戶/服務(wù)分離的鏈接模型中Table分頁(yè)代碼效率初探!2010-01-01基于jQuery實(shí)現(xiàn)的水平和垂直居中的div窗口
在建立網(wǎng)頁(yè)布局的時(shí)候,我們經(jīng)常會(huì)面臨一個(gè)問(wèn)題,就是讓一個(gè)div實(shí)現(xiàn)水平和垂直居中,雖然好幾種方式實(shí)現(xiàn),但是今天介紹時(shí)我最喜歡的方法,通過(guò)css和jQuery實(shí)現(xiàn)。2011-08-08用jquery方法操作radio使其默認(rèn)選項(xiàng)是否
用jquery方法操作,使其默認(rèn)選項(xiàng)是或否,具體實(shí)現(xiàn)如下,喜歡的朋友不妨參考下,或許可以用得到哦2013-09-09