disable属性不会从HTML选择下拉列表中删除

Question

我有两个HTML下拉菜单。第二个是使用jQuery动态创建的。两者都具有相同的CSS类"inputFormDrop"。在$(document).ready(function(){});中，我使用公共类禁用所有下拉菜单。

$('.inputFormDrop').attr("disabled", "disabled"); 

但当启用时，我只想启用第二个(动态创建的(。所以我用它的id来启用它。

$('#jobDropDown1').removeAttr("disabled");

但它并没有被启用。如果我对第一个下拉列表做同样的事情，它会起作用。任何机构都能给出解决方案吗？

Answer 1

嗨，我在jsfiddle上尝试了一下，但它对我有效，你可以从这里看到demo
演示

<select class="inputFormDrop">
    <option value="">first drop down</option>
</select>

<select class="inputFormDrop" id="jobDropDown1">
    <option value="">2nd drop down</option>
</select>

的js低于

$(document).ready(function(){
    $('.inputFormDrop').attr('disabled',true);
    $('#enable').click(function(){
        $('#jobDropDown1').attr('disabled',false);
    });
});

Answer 2

我不知道为什么，但removeAttr()方式并不总是有效的。相反，我使用这个：

yourJSElement.disabled = true;

所以当你用jQuery获取它时：

$('#jobDropDown1').get().disabled = false;

点击此处了解有关get()的更多信息。