记一次select2的使用及遇到的问题

主要应用功能为：实现下拉框可搜索功能

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);

注：附上展示图