Question

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

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

我有以下要求：

禁用SELECT元素以限制用户选择选项
禁用SELECT元素已选择一些OPTION元素
on提交事件启用禁用SELECT元素以保存选定值

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

方法将“disabled”属性添加到先前启用的SELECT元素
方法不会删除“已停用”属性

Answer 1

使用.prop代替.attr来影响元素的禁用状态：

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

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

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

Answer 2

您可以改用removeProp('disabled')。它虽然removeAttr('disabled')没有，但对我有用。

Answer 3

Jquery Docs说，关于.removeProp（）：

注意：请勿使用此方法删除本机属性，例如checked，＆gt; disabled或selected。这将完全删除该属性，并且一旦＆gt;删除，就不能再次添加到元素。使用.prop（）将这些属性＆gt;设置为false。

附加说明：

在版本9之前的Internet Explorer中，使用.prop（）将DOM元素＆gt;属性设置为除简单原始值（数字，字符串或＆gt;布尔值）以外的任何内容都可能导致内存泄漏（如果属性为在从文档中删除DOM元素之前，不会删除（使用＆gt; .removeProp（））。要安全地>在没有内存泄漏的DOM对象上设置值，请使用.data（）。

removeAttr（）不删除IE中的“disabled”属性

3 个答案: