jquery取消選擇select下拉框

有三個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文件

 

 

友情贊助

如果您喜歡此文，感覺對您工作有幫助，預期領導會給您漲工資，不妨小額贊助一下，讓我有動力繼續努力。

贊助方式：打開支付寶App，使用“掃一掃”付款，付款碼見下圖，別忘了付款留言哦！