jQuery根据数组值隐藏下拉列表的选项

Question

我有一个types如下所示的数组,我试图只启用types数组中存在的Dropdown选项

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

在用户界面上,我只需要在下拉列表中看到'LEDES 1998B','LEDES 1998B-INTL' types,其他选项必须隐藏

<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

示例小提琴