removeAttr（）不删除“禁用” IE中的属性 [英] removeAttr() not removing "disabled" attribute in IE

问题描述

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

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

我有以下要求：

1. 禁用SELECT元素以限制用户选择选项


2. 禁用SELECT元素已选择一些OPTION元素


3. 提交事件启用禁用SELECT元素以保存选定值

添加属性禁用适用于IE。
然而，当我尝试使用jQuery revomeAttr（）方法删除属性时，而不是删除属性：

Adding attribute "disabled" works well for IE. Yet, when I try to remove attribute by using jQuery revomeAttr() method then instead of removing attribute:

1. 方法添加已禁用以前启用的SELECT元素属性


2. 方法不会删除已禁用属性

推荐答案

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

Use .prop instead of .attr to affect an element's disabled state:

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

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

有关详细信息，请参阅 .prop（）vs .attr（）。

For more information, see .prop() vs .attr().

这篇关于removeAttr（）不删除“禁用” IE中的属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！