javascript - jquery find 在选择框中禁用

Question

我有三个选择框:

<select id="box1">   
    <option>foo1</option>   
</select>               

<select id="box2">
    <option>foo2</option>
</select>

<select id="box3">
    <option disabled>foo3</option>
</select>

我需要获取选项的选择ID:disabled -> (box3)

如何使用 jquery 查找选项的 id:disabled？

Answer 1

您可以使用 :disabled 伪选择器来实现此目的

$('select option:disabled')

要获取父元素 - 您可以使用closest选择器或parent

console.log($('select option:disabled').closest('select').attr('id'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="box1">       
   <option disabled>foo1</option>
</select>

<select id="box2">       
   <option>foo1</option>
</select>