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

How to remove duplicates between two Html select lists

本文关键字：之间 列表 选择 两个 何删除 删除 Html      更新时间：2023-09-26

>我有两个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>

所以在这里我想从列表中删除选项可用语言，这些选项类似于列表中选择语言列表中的选项。

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

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