1. 程式人生 > >記一次select2的使用及遇到的問題

記一次select2的使用及遇到的問題

主要應用功能為:實現下拉框可搜尋功能

1. jsp頁面

    <select id="sltunitlist" class="select2" style="width:100%;"></select>

    引用select2.min.jsselect2.min.css

    可以到select2官網下載對應版本的庫

2. js頁面

    $(function(){ 

        $("#sltunitlist").select2 (); 

        $("#sltunitlist").empty();

        $("#sltunitlist").append("<option value=''>請選擇所屬單位</option>");

    })

3. 遇到的問題

   $("#sltunitlist").next().css("display","none!important");//下拉框的後面一個元素隱藏--------隱藏不生效

   於是,讓其不可選---$("#sltunitlist").prop('disabled',true);

   但是,不可選之後,再讓其可選,會導致下拉搜尋框無法輸入,需重新載入 $("#sltunitlist").select2();

   並設定$("#sltunitlist").prop('disabled',false);

注:附上展示圖