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

 本篇文章主要是對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文件