jquery - removeAttr() 未删除 IE 中的 "disabled"属性

Question

var disableSelection = function(){
    $("#elementId").attr("disabled","disabled");    
};

var enableSelection = function(){
    $("#elementId").removeAttr("disabled");
};

我有以下要求:

1. 禁用 SELECT 元素以限制用户选择选项
2. 禁用的 SELECT 元素已选择了某些 OPTION 元素
3. 在提交事件时启用禁用的 SELECT 元素以保存所选值

添加属性“disabled”对于 IE 效果很好。然而，当我尝试使用 jQuery revomeAttr() 方法删除属性时，而不是删除属性:

1. 方法向先前启用的 SELECT 元素添加“disabled”属性
2. 方法不会删除“已禁用”属性

Answer 1

使用.prop而不是.attr影响元素的禁用状态:

var disableSelection = function(){
    $("#elementId").prop("disabled", true);    
};

var enableSelection = function(){
    $("#elementId").prop("disabled", false);
};

有关详细信息，请参阅.prop() vs .attr() .