Select2 如何设置只读模式

Select2或Select没有readonly属性，那么该如何设置只读模式呢。

在做下拉框时，想要在查看时设置只读模式，或者在权限控制时，某些人可以选择，某些人只读模式。

然而Select2或Select下拉菜单没有readonly属性。有的朋友或许会说使用disabled属性来控制，但是这个时候下拉框数据是无法提交的，所以行不通。下面总结几种来实现这个功能。

基于disable实现只读模式：

思路一：提交前设置为不可用，提交的时候设置为可用

$(function(){
    //绑定下拉菜单        
    $.ajaxSettings.async = false;        
    $("#GlOrgID").select2({           
         placeholder: "请选择招考单位",            
         data: FormUtil.bindSelectData('/Basic/BsOrg/ListC?BsOrgTypeCD=MANAGER&number=' + Math.random()),  
         allowClear: true,
         language: "zh-CN"        
    }).val("@Model.GlOrgID").trigger("change");
    //权限控制  只读        
    if ("@Infrastructure.Utility.SessionHelper.LoginerID" != "admin") {       
       $("#GlOrgID").prop('disabled', true); 
    }
})
function save() { 
    if ("@Infrastructure.Utility.SessionHelper.LoginerID" != "admin") {  
         $("#GlOrgID").prop('disabled', false);        
    }
    var action = "/PeBasic/PeBatch/" + "@ViewBag.ActionName";
    return FormUtil.submit($("#editform"), $("#PeBatchID"), action);  //提交数据  
}

思路二：将value值写入隐藏域，下拉框设置为不可用