如何禁用或隐藏下拉列表中没有类或 ID 的选项

How do I disable or hide an option in a dropdown list which has no class or ID

提问人:Naomi S 提问时间:11/15/2023 更新时间:11/15/2023 访问量:29

问:

<select name="wpeevent_button_qty_a"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option></select>

这是代码。我想我想使用 javascript / jquery 向元素 1 添加隐藏的 CSS 样式,或者禁用或删除该元素。只是不确定如何定位它,因为它没有类或 id?!

尝试这个,但它不起作用,

$('main-table_5764 select option').attr("disabled","disabled");

这是小提琴

https://jsfiddle.net/86dm34kL/1/

jQuery Select 下拉列表

评论

2赞 Barmar 11/15/2023
main-table_5764应该是#main-table_5764

答:

1赞 SKJ 11/15/2023 #1

使用选择器

https://learn.jquery.com/using-jquery-core/selecting-elements/

$('select[name="wpeevent_button_qty_a"] option[value="5"]').attr("disabled",true);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="wpeevent_button_qty_a"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option></select>

评论

1赞 Naomi S 11/15/2023
完美的答案,非常感谢!