Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用JS删除下拉列表中的选定值副本?_Javascript_Html - Fatal编程技术网

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

Javascript 如何使用JS删除下拉列表中的选定值副本?,javascript,html,Javascript,Html,有很多这样做的例子,但我想要的是不同的: 我想保留选定项目,但删除选定项目的副本。因此,下拉列表仅包含选定值,而不包含其他实例 以下是一个例子: <label for="cars">Choose a car:</label> <select name="cars" id="cars"> <option value="volvo">Volvo</option

有很多这样做的例子,但我想要的是不同的:

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

以下是一个例子:

<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 option[value=“”+$('#cars”).val()+“]:不是(:第一个子项)。删除()

选择一辆车:
沃尔沃汽车
萨博
欧宝
奥迪
沃尔沃汽车

@CBroe之前写过一个答案:$(“#cars option[value=“volvo”]”)。不是(“:selected”)。删除();
$('#cars[value="volvo"]').remove();