在jQuery中禁用下拉列表

Question

我想在下面用jQuery代码禁用下拉列表。在IE 11中，下拉列表已禁用，但在Chrome中，它仍保持启用状态。任何人都知道一种更可靠的方法让它跨浏览器工作吗？

 if (!userEmail.trim()) {
            $("#DropDownList1").dropdownchecklist("disable");
         }

以下是下拉列表的定义

<div id="divList">
  @Html.DropDownList("DropDownList1", new SelectList(ViewBag.MyList as System.Collections.IEnumerable, "Value", "Text", 0))
</div>

Answer 1

尝试：

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

这也是一个小提琴：

http://jsfiddle.net/k5es6na0/1/

Answer 2

你可以尝试

$("#dropDown").attr("disabled", true);

这适用于所有浏览器