HTMLSelectElement.remove() - Web API 接口参考 编辑

HTMLSelectElement.remove() 方法从一个 select 元素中删除指定序数的 option 元素。没有传参时为删除当前元素本身：ChildNode.remove()。

语法

collection.remove(index);

参数

• index 是从 option HTMLOptionElement 集合中要移除元素的序数。如果序数对应的元素不存在，调用这个方法就没有任何效果。

例子

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

浏览器兼容性

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 实现了这个方法。