$('#section_option').change(function () { var selectedClass = $("#section_option option:selected").val(); if (selectedClass != 0) { //alert("You have selected the class - " + selectedClass); $("#sectionname").removeAttr("disabled"); $("#sectionname").removeClass("disabled"); } else if(selectedClass == 0) { alert("0 selected"); $("#sectionname").addAttr("disabled"); $("#sectionname").addClass("disabled"); } });La primera parte del código, es decir, la eliminación de attr y class funciona bien, pero cuando trato de bloquear la entrada nuevamente cuando el usuario vuelve a cambiar a la opción val 0, no está sucediendo debido a alguna razón.
No addAttr("disabled") is attr("disabled",true);
$('#section_option').change(function () { var selectedClass = $("#section_option option:selected").val(); if (selectedClass != 0) { //alert("You have selected the class - " + selectedClass); $("#sectionname").removeAttr("disabled"); $("#sectionname").removeClass("disabled"); } else if(selectedClass == 0) { alert("0 selected"); $("#sectionname").attr("disabled","disabled"); $("#sectionname").addClass("disabled"); } });O puedes usar prop:
$("#sectionname").prop("disabled",true);