Question

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

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

但是在启用时我想只启用第二个（动态创建的）。所以我用它来启用它。

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

但它没有启用。如果我对第一个下拉列表执行相同操作，则可以正常工作。任何机构都可以提供解决方案吗？

Answer 1

您好我在jsfiddle上尝试但它对我有用，你可以从这里看到demo 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() here的更多信息。

禁用属性未从HTML选择下拉列表中删除

2 个答案: