按属性禁用false查找下拉列表

Question

我在文件中多次使用相同的下拉列表，如：

<select style="width:40%;" name="article[subsection_id]" id="article_subsection_id" class="article_subsection_cls" disabled="disabled"><option value=""></option>

我希望按类article_subsection_cls或标识article_subsection_id找到下拉列表，属性disabled为false。

Answer 1

将attribute equals selector与:not() pseudo selector

一起使用

$('select#article_subsection_id:not([disabled="disabled"]),select.article_subsection_cls:not([disabled="disabled"])')

如果在这种情况下动态更新已禁用的属性，请使用 filter() 方法

$('select.article_subsection_cls,select#article_subsection_id').filter(function(){ return !this.disabled; })

更新：如果只有一个元素使用id选择器

$('#article_subsection_id:not([disabled="disabled"])')

或者您可以使用 :enabled 选择器

  

虽然它们的结果选择通常是相同的，但是：启用的选择器与以下内容略有不同：not（[disabled]）; ：enabled选择布尔禁用属性严格等于false的元素，而：not（[disabled]）选择没有禁用属性集的元素（无论其值如何）。

$('#article_subsection_id:enabled')

Answer 2

您可以使用:not(:disabled)来选择具有"disabled=false"

的元素

$('#article_subsection_id:not(:disabled)')

详细了解:not selector

Answer 3

您可以使用:enabled选择器

var elements = $('#article_subsection_id:enabled,.article_subsection_cls:enabled');