如何删除两个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中的选项,这些选项类似于list selectedLanguages中的选项.

Answer 1

我假设你选择价值匹配？如果是这样,请尝试:

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