欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery取消選擇select下拉框示例代碼

 更新時(shí)間:2014年02月22日 09:03:19   作者:  
本篇文章主要是對(duì)jquery取消選擇select下拉框示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助

有三個(gè)select下拉框
一個(gè)大類,兩個(gè)小類隱藏,需要在選擇大類的時(shí)候,小類顯示同時(shí)清除另外的小類選擇的項(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("");
};

大類選擇框選中時(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)文章

最新評(píng)論