jquery取消選擇select下拉框示例代碼
更新時(shí)間：2014年02月22日 09:03:19 作者：
本篇文章主要是對(duì)jquery取消選擇select下拉框示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
有三個(gè)select下拉框
一個(gè)大類(lèi),兩個(gè)小類(lèi)隱藏,需要在選擇大類(lèi)的時(shí)候,小類(lèi)顯示同時(shí)清除另外的小類(lèi)選擇的項(xiàng)
這需求有點(diǎn)兒..........
下面是三個(gè)select:
復(fù)制代碼 代碼如下:
<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();
復(fù)制代碼 代碼如下:
jQuery.fn.removeSelected = function() {
this.val("");
};
大類(lèi)選擇框選中時(shí),調(diào)用selectFunction()方法:
復(fù)制代碼 代碼如下:
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)文章
這篇文章主要為大家詳細(xì)介紹了jQuery輪播圖功能實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
使用jQuery實(shí)現(xiàn)驗(yàn)證上傳圖片的格式與大小
在項(xiàng)目中，我們經(jīng)常要遇到上傳圖片，這就需要我們必須要驗(yàn)證圖片的格式與大小，那么如何來(lái)操作呢，今天就給大家分享一個(gè)非常簡(jiǎn)單的jQuery驗(yàn)證上傳圖片的格式與大小的代碼。2014-12-12
bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法,需要的朋友可以參考下2017-10-10
基于jquery自己寫(xiě)tab滑動(dòng)門(mén)(通用版)
今天與大家分享一下，自己寫(xiě)的滑動(dòng)門(mén)。在網(wǎng)上也搜索了一下，沒(méi)發(fā)現(xiàn)比較好的，于是乎自己寫(xiě)一吧~寫(xiě)起來(lái)也很簡(jiǎn)單，為了方便使用，我已經(jīng)盡量封裝好了。好吧，閑話少說(shuō)，直接上代碼吧2012-10-10
這篇文章主要為大家詳細(xì)介紹了easyUI下拉列表點(diǎn)擊事件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了EasyUI為Numberbox添加blur事件的方法 ,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
jQuery.getScript加載同域JS為xhr請(qǐng)求，導(dǎo)致firebug不能正常讀取js，因此不能夠斷點(diǎn)該js2012-02-02
jQuery學(xué)習(xí)筆記之控制頁(yè)面實(shí)現(xiàn)代碼
每一段jQuery對(duì)應(yīng)一段html代碼，以標(biāo)記為準(zhǔn)則,css為共用代碼，每段代碼需獨(dú)立運(yùn)行。html和css代碼在文章尾部，如下例2012-02-02
Jquery實(shí)現(xiàn)鼠標(biāo)移動(dòng)放大圖片功能實(shí)例
這篇文章主要介紹了Jquery實(shí)現(xiàn)鼠標(biāo)移動(dòng)放大圖片功能,實(shí)例分析了jQuery操作鼠標(biāo)與圖片的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jquery操作select常見(jiàn)方法大全【7種情況】
這篇文章主要介紹了jquery操作select常見(jiàn)方法,結(jié)合實(shí)例形式總結(jié)分析了jQuery操作select常見(jiàn)的7種情況與相關(guān)操作技巧,需要的朋友可以參考下2019-05-05