JQuery 从下拉列表中删除一个选项，给定选项的 text/value

我有一个下拉列表，并希望从中删除一个选项，给定的文本/值的特定选项。可以使用 jQuery 吗？就像“ append”在下拉列表中添加一个选项一样，是否有一个函数来删除一个选项？

我试图搜索它，但我得到的只是一些例子，在这些例子中，下拉列表中的所有选项都被删除了，这并不是我想要的。

干杯

187394 次浏览

小开

最佳答案

$("option[value='foo']").remove();

或者更好(如果你在页面中只有很少的选择) :

$("#select_id option[value='foo']").remove();

小开

一旦您本地化了下拉元素

dropdownElement = $("#dropdownElement");

使用 JQuery属性选择器属性选择器查找 <option>元素

dropdownElement.find('option[value=foo]').remove();

小开

我知道现在很晚了，但也可以采用以下方法:

<select id="type" name="type" >
<option value="Permanent" id="permanent">I am here to stay.</option>
<option value="toremove" id="toremove">Remove me!</option>
<option value="Other" id="other">Other</option>
</select>

如果我必须删除第二个选项(id = to delete) ，那么脚本将类似于

$('#toremove').hide();

小开

$('#id option').remove();

这将清除下拉列表。如果你想清除选择值然后 $("#id option:selected").remove();

小开

首先找到特定 select 的类名。

$('#id').val('');
$('#selectoptionclassname').selectpicker('refresh');

小开

我已使用上述选项。隐藏2个下拉框中的条目(首先选择城市，然后选择该城市中的区域)。它在屏幕上工作良好，但隐藏的选项仍然可以通过键盘输入选择。

小开

当我们在 USER INTERFACE 中使用相同元素但不同值的下拉列表或者多行数据时，许多人很难使用这个关键字。: 下面是代码片段: $(this) . find (‘ option [ value = yourvalue ]’) ;

希望你能收到。