锁定select下拉框

 

$("#Area").prop('disabled',true);

$("#Area").attr('disabled',"disabled");

document.getElementById("Area").disabled=true

 

思路，后台获取条件，如获取到值则禁用。

html

<select class="form-control select2me" id="Area" name="Area" style="width:120px;" placeholder="请选择辖区">
                 <option value="">=全部辖区=</option>
 @if (ViewBag.List != null)
 {
foreach (var dateType in ViewBag.List)
       {
   if (ViewBag.Area == @dateType.Id)
  {
  <option selected="selected" value="@dateType.Id">@dateType.Name </option>
             }
  else
       {
                  <option value="@dateType.Id">@dateType.Name </option>
             }

       }
    }
 </select>

js 

 if ($("#Area").val() != "") {
            $("#Area").prop('disabled', true);
        }