HTMLSelectElement.remove()
方法从一个 select 元素中删除指定序数的 option 元素。没有传参时为删除当前元素本身:ChildNode.remove()。
语法
collection.remove(index);
参数
index
是从 optionHTMLOptionElement
集合中要移除元素的序数。如果序数对应的元素不存在,调用这个方法就没有任何效果。
例子
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 | Status | Comment |
---|---|---|
HTML Living Standard HTMLSelectElement.remove() |
Living Standard | |
HTML5 HTMLSelectElement.remove() |
Recommendation | Is a snapshot of HTML Living Standard. |
Document Object Model (DOM) Level 2 HTML Specification HTMLSelectElement.remove() |
Obsolete | |
Document Object Model (DOM) Level 1 Specification HTMLSelectElement.remove() |
Obsolete | Initial definition. |
浏览器兼容性
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
参考
ChildNode.remove
,当没有参数时HTMLSelectElement
调用的是这个方法HTMLSelectElement
实现了这个方法。