removeAttr()不删除IE中的"disabled"属性

Question

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

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

我有以下要求:

1. 禁用SELECT元素以限制用户选择选项
2. disabled SELECT元素已经选择了一些OPTION元素
3. on submit事件启用禁用SELECT元素以保存所选值

添加属性"禁用"适用于IE.然而,当我尝试使用jQuery revomeAttr()方法删除属性时,而不是删除属性:

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

Answer 1

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

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

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

有关更多信息,请参阅.prop()vs .attr().