jquery - 有没有一个 jquery 解决方案可以通过显示文本从选择下拉列表中删除项目

Question

我看到许多通过项目值(例如 this question )从选择下拉列表中删除项目的示例，但是如果我只知道显示文本，有没有办法从选择下拉列表中删除项目？

Answer 1

试试这个:

$("#Select>option:contains(yourtext)").remove();

在本地测试了一下，可以用。与我相关的确切代码片段是:

<select id="FundManager1" class="FundManagerSelect">
    <option>Fund Manager 1</option>
    <option>Fund Manager 2</option>
    <option>Fund Manager 3</option>
</select>

然后是 jQuery:

$(document).ready(function(){
    alert($("#FundManager1>option").length);  //alerts '3'
    $("#FundManager1>option:contains(1)").remove();
    alert($("#FundManager1>option").length);  //alerts '2'
});

你总是可以将它放在一个函数中:

function RemoveOption(SelectId, TextVal) {
    $("#" + SelectId + ">option:contains(" + TextVal + ")").remove();
}

RemoveOption("FundManager1", "1");

进一步编辑类选择器问题:

对于类选择器，将“#”替换为“.”正如您所期望的:

$(".YourSelectClass>option:contains(yourtext)").remove();

由于这只是一个选择，您可以通过与元素选择器结合来加快速度:

$("select.YourSelectClass>option:contains(yourtext)").remove();