HTMLSelectElement.remove()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
HTMLSelectElement.remove() 方法从一个 select 元素中删除指定序数的 option 元素。没有传参时为删除当前元素本身：ChildNode.remove()。
语法
js
remove(index)
参数
index是从 optionHTMLOptionElement集合中要移除元素的序数。如果序数对应的元素不存在，调用这个方法就没有任何效果。
例子
js
var sel = document.getElementById("existingList");
sel.remove(1);
/*
上面的代码会将下面的 select 元素结构：
<select id="existingList" name="existingList">
<option value="1">Option: Value 1</option>
<option value="2">Option: Value 2</option>
<option value="3">Option: Value 3</option>
</select>
变成这样：
<select id="existingList" name="existingList">
<option value="1">Option: Value 1</option>
<option value="3">Option: Value 3</option>
</select>
*/
Specifications
| Specification |
|---|
| HTML # dom-select-remove |
浏览器兼容性
Loading…
参考
ChildNode.remove，当没有参数时HTMLSelectElement调用的是这个方法HTMLSelectElement实现了这个方法。