記一次select2的使用及遇到的問題
阿新 • • 發佈:2018-12-11
主要應用功能為:實現下拉框可搜尋功能
1. jsp頁面
<select id="sltunitlist" class="select2" style="width:100%;"></select>
引用select2.min.js及select2.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);
注:附上展示圖