Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.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)时,删除select(multiple)选项的最简单方法是什么?_Javascript - Fatal编程技术网

当给定一个数组(仅限纯Javascript)时,删除select(multiple)选项的最简单方法是什么?

当给定一个数组(仅限纯Javascript)时,删除select(multiple)选项的最简单方法是什么?,javascript,Javascript,好的,我明白了 <select id="selectUsers" multiple> <option value="tom">Tom</option> <option value="mary">Mary</option> <option value="mike">Mike</option> <option value="cake">Cake</option> </select>

好的,我明白了

<select id="selectUsers" multiple>
<option value="tom">Tom</option>
<option value="mary">Mary</option>
<option value="mike">Mike</option>
<option value="cake">Cake</option>
</select>

当给定一个数组(仅限纯Javascript)时,删除select(multiple)选项的最简单方法是什么?

迭代数组中的元素并使用,以便选择具有特定
值的
选项
元素:

var removeArray=['mary','cake'];
var-selectElement=document.getElementById('selectUsers');
removeArray.forEach(函数(值){
var option=selectElement.querySelector('option[value=“”+value+''“]');
如果(选项){
选择element.removeChild(选项);
}
});

汤姆
玛丽
迈克
蛋糕

您为此做了哪些尝试?@Tom是的,它适用于所有现代浏览器。更具体地说,它将在所有支持和。。。换句话说,
.querySelector()
是IE8+,
.forEach()
是IE9+。您可以随时将
.forEach
循环更改为典型的
for
循环,否则它仍将在IE9+中工作。。。。除此之外,微软现在只支持IE11/Edge。Tom,它将在所有当前支持的浏览器(IE11)中使用,或者如果你关心这类问题,最好看看jQuery
<select id="selectUsers" multiple>
<option value="tom">Tom</option>
<option value="mike">Mike</option>
</select>