select2插件的使用整理

<select class="form-control select2" id="projectId" name="projectId"
                        data-url="" data-select-value="projectid"
                        data-select-desc="" style=" width: 179px;margin-right: 15px;margin-left: 5px;">
 </select>

1、去除搜索框，此处需要注意的是：要在下拉框打开之前执行，否则不管用。

$("#projectId").select2({
          minimumResultsForSearch: -1, //去除搜索框
          placeholder:"---请选择---"  //设置默认提示值
  });

2、获得选中值及打开关闭时执行的内容

$("#projectId").select2("open");	//打开下拉菜单	
    $("#projectId").on("select2:select",function(e){ //选中的结果
       var ID = $("#projectId option:selected").text();//获取当前选中值
       $("#factoryId").text(ID);
       $("#projectId").select2("close");
    }).on("select2:close",function(){   //下拉菜单关闭时执行的内容
});	

 

3、禁止下拉框使用

 $("#projectId").prop("disabled", true); 

false：可用

true：不可用