Как сделать раскрывающийся список отключенным при изменении события с помощью 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 отключенным. Код стреляет и все, но он не отключает 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"); 
    } 
  });
});

Answer 2

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

Если вы хотите включить его позже, вам нужно сделать:

$(this).removeAttr("disabled");

Answer 3

Я знаю, что это сообщение старое. Это может помочь, если кто-то застрянет с отключением раскрывающегося списка в функции выпадающего chnage

  if ($(this).attr('disabled', false)) 
         { $(this).attr('disabled', true);
    }