javascript - 如何删除两个 Html 选择列表之间的重复项

Question

我有两个 HTML 选择列表，我想删除列表 1 中与列表 2 中的元素相似的所有元素。

<select id="availableLanguages" name="availableSoftwareLanguages" multiple="multiple" size="15">
    <option value="AL" label="All Languages">All Languages</option>
    <option value="AG" label="Argentina">Argentina</option>
    <option value="BU" label="Bulgarian">Bulgarian</option>
    <option value="CF" label="Canadian French">CanadianFrench</option>
    <option value="C1" label="Cantonese">Cantonese</option>
</select>

<input id="addLanguages" type="button" value=" >> ">
<input id="removeLanguages" type="button" value=" << ">

<select id="selectedLanguages" name="selectedLanguages " multiple="multiple" size="15">
    <option value="AL" label="All Languages">All Languages</option>
    <option value="AG" label="Argentina">Argentina</option>
    <option value="BU" label="Bulgarian">Bulgarian</option>
</select>

所以在这里我想从列表 availableLanguages 中删除类似于列表 selectedLanguages 中的选项的选项。

Answer 1

我假设您是按选项值匹配的？如果是这样，请尝试：

$("#selectedLanguages option").each(function () {
    $("#availableLanguages option[value='" + $(this).val() + "']").remove();
});