¿Cómo hacer que una lista desplegable se deshabilite en el evento de cambio con JQUERY?

Question

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

Lo que estoy tratando de hacer es disparar el evento de cambio dropdownlist y en el cambio haciendo esto dropdownlist deshabilitado. El código se está disparando y todo, pero no deshabilita el dropdownlist.

Esta parte del código no está funcionando:

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

Answer 1

que puedes usar .prop() para jQuery 1.6 + o .attr() para versiones anteriores de 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); 
    } 
    }); 
}); 

< jQuery 1.6:

$(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"); } 

Si desea habilitar más adelante, que tienes que hacer:

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

Answer 3

Sé que este post es old..This podrían ayudar si alguien pegado con la desactivación de la función desplegable chnage desplegable

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