如何使用JS删除下拉列表中的选定值副本？

Question

有很多如何做到这一点的例子，但我想要的是不同的：

我想保留所选项目但删除所选项目的副本。因此该下拉列表仅包含选定值而不包含其他实例。

这是示例：

<label for="cars">Choose a car:</label>

<select name="cars" id="cars">

    <option value="volvo">Volvo</option>

    <option value="saab">Saab</option>

    <option value="opel">Opel</option>

    <option value="audi">Audi</option>

    <option value="volvo">Volvo</option>

</select>

这将删除所选值的所有实例：

$('#cars[value="volvo"]').remove();

但我需要保留选中的“沃尔沃”。有人能帮我吗？

更新：这是图：

如您所见，我们有两辆沃尔沃，我们可以只保留选定的那辆吗？

Answer 1

此脚本用于删除第一个选项的重复项。$('#cars option[value="'+$('#cars').val()+'"]:not(:first-child)').remove();<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><label for="cars">Choose a car:</label><select name="cars" id="cars">&nbsp; <option value="volvo">Volvo</option>&nbsp; <option value="saab">Saab</option>&nbsp; <option value="opel">Opel</option>&nbsp; <option value="audi">Audi</option>&nbsp; <option value="volvo">Volvo</option></select>