jquery - 如何检查下拉菜单是否被禁用？

Question

使用 jquery 如何简单地检查它是否是只读的？

这就是我正在尝试的..

$("#item").keydown(function (event) {
     //alert(event.keyCode);
     if (event.keyCode == 13) {
         $("#ok").click();               
         if ($('#dropLength').prop("disabled") == false) {
             $("#dropLength").focus();
             return;
         }
         if ($('#dropUnit').prop("disabled") == false) {
             $("#dropUnit").focus();
             return;
         }
         $("#qty").focus();                
         return ;
     }
 });

下拉列表也使用 jquery 设置为只读:

if ($('#dropLength').find('option').length <= 1) {
      $('#dropLength').attr("disabled", "disabled");
}
if ($('#dropUnit').find('option').length <= 1) {
      $('#dropUnit').attr("disabled", "disabled");
}   

Answer 1

1.6 之前的旧解决方案是使用 .attr 并将返回值处理为 bool。主要问题是 .attr 的返回类型已更改为 string，因此与 == true 的比较被破坏(参见 http://jsfiddle.net/2vene/1/ (并切换 jquery 版本))。

在 1.6 中引入了 .prop，它返回一个 bool。

尽管如此，我建议使用 .is() ，因为返回的类型本质上是 bool，例如:

$('#dropUnit').is(':disabled');
$('#dropUnit').is(':enabled');

此外，.is() 比简单的属性比较更自然(就“自然语言”而言)并且添加了更多条件(例如:.is(':last '), .is(':visible'), ... 请参阅 documentation on selectors )。