我有一个下拉列表,并希望从中删除一个选项,给定该特定选项的文本/值。是否可以使用jQuery?就像'append'在下拉列表中添加一个选项一样,是否有删除选项的功能?
我尝试搜索它,但我得到的只是示例,其中删除了下拉列表中的所有选项,这不是我所寻求的。
欢呼声
答案 0 :(得分:141)
$("option[value='foo']").remove();
或更好(如果您在页面中选择的内容很少):
$("#select_id option[value='foo']").remove();
答案 1 :(得分:19)
本地化了下拉元素
dropdownElement = $("#dropdownElement");
使用JQuery attribute selector
查找<option>
元素
dropdownElement.find('option[value=foo]').remove();
答案 2 :(得分:2)
$('#id option').remove();
这将清除下拉列表。如果要清除选择值,请$("#id option:selected").remove();
答案 3 :(得分:0)
我知道现在已经很晚了,但也可以使用以下方法:
<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 = toremove),脚本看起来像
$('#toremove').hide();
答案 4 :(得分:0)
首先找到特定选择的类名称。
$('#id').val('');
$('#selectoptionclassname').selectpicker('refresh');
答案 5 :(得分:0)
我已使用以上选项从2个下拉框中隐藏条目(首先选择城市,然后选择该城市内的区域)。它可以在屏幕上正常工作,但仍可以通过键盘输入选择隐藏的选项。
答案 6 :(得分:0)
当我们对具有相同元素但值不同的下拉列表进行迭代或在用户界面中说成多行数据时,许多人在使用此关键字时遇到了困难。 : 这是代码片段: $(this).find('option[value=yourvalue]');
希望你明白这个。