首頁  >  文章  >  web前端  >  jquery取消選擇select下拉方塊範例程式碼_jquery

jquery取消選擇select下拉方塊範例程式碼_jquery

WBOY
WBOY原創
2016-05-16 16:58:501174瀏覽

有三個select下拉框
一個大類,兩個小類隱藏,需要在選擇大類的時候,小類顯示同時清除另外的小類選擇的項
這需求有點兒.. ........

以下是三個select:

複製程式碼 程式碼如下:


程式碼如下:



程式碼

   
       
b   
jquery擴充,呼叫時,使用$("select").removeSelected();$("select").removeSelected();

複製程式碼


程式碼如下:


jQuery.fn.removeSelected = function(>
jQuery.fn.removeSelected = function(> .val("");};大類選擇框選取時,呼叫selectFunction()方法:


複製代碼


代碼如下:


function selectFunction(){
         
                 $("#sel_children0").show();
                      $("#sel_children1").removeSelected();
             }else if($("#sel_type").val()=="8"){
                 $("#sel_children1"). ").hide();
                 $("#sel_children0").removeSelected();
           $("#sel_children0").hide().removeSelected();
                 $("#sel_children1") .hide().removeSelected();
             }        }
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn