当给定一个数组(仅限纯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>