javascript - jQuery 根据数组值隐藏下拉选项

Question

我有一个 types 数组，如下所示，我尝试仅启用 typesarray

中存在的 Dropdown 选项

var types = ["LEDES 1998B", "LEDES 1998B-INTL"]

在 UI 上，我只需要在下拉列表中看到 types 中的“LEDES 1998B”、“LEDES 1998B-INTL”，其他选项必须隐藏

<select id="FormatType" name="instance_FormatType.id" data-name="Format Type">
<option value="">-- Select --</option>      
    <option value="1">
        LEDES 1998B
    </option>       
    <option value="2">
        LEDES 1998B-INTL
    </option>
    <option value="3">
        LEDES 98BI
    </option>       
    <option value="4">
        Summary
    </option>   

有人可以帮我做这件事吗？

Answer 1

假设您的数组格式有效，您可以使用filter来检查选项。试试这个:

var types = ["LEDES 1998B", "LEDES 1998B-INTL"];
$('#FormatType option:not(:first)').filter(function() {
    return $.inArray($.trim($(this).text()), types) == -1;
}).remove(); // or possibly hide() depending on your need/browser support

Example fiddle