asp.net - 如何使用 JQUERY 在更改事件上禁用下拉列表？

Question

$(document).ready(function() {
      $('#<%=ddlContinents.ClientID %>').change(function() { 
      var element = $(this);
      var totalLength = element.children().length; 
      if ($(this).disabled == false) { $(this).disabled = true; }
      });
});

我想做的是触发dropdownlist的更改事件，并在更改时禁用此dropdownlist。代码正在触发以及所有内容，但它不会禁用下拉列表。

这部分代码不起作用:

if ($(this).disabled == false) { $(this).disabled = true; } });

Answer 1

您应该使用.prop()对于 jQuery 1.6+ 或 .attr()对于早期版本的 jQuery:

>jQuery 1.6:

$(document).ready(function() {
  $('#<%=ddlContinents.ClientID %>').change(function() { 
    var element = $(this);
    var totalLength = element.children().length;

    if (!$(this).prop("disabled")) { 
      $(this).prop("disabled", true); 
    } 
  });
});

$(document).ready(function() {
  $('#<%=ddlContinents.ClientID %>').change(function() { 
    var element = $(this);
    var totalLength = element.children().length;

    if (!$(this).attr("disabled")) { 
      $(this).attr("disabled", "disabled"); 
    } 
  });
});