HTMLSelectElement: remove() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The HTMLSelectElement.remove() method removes the element at the specified index from the options collection for this select element.

Syntax

remove(index)

Parameters

index: A zero-based integer for the index of the HTMLOptionElement to remove from the collection. If the index is not found the method has no effect.

Return value

None (undefined).

Examples

html

<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>

let sel = document.getElementById("existingList");
sel.remove(1);

HTML is now:

html

<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

Browser compatibility

Help improve MDN

Learn how to contribute

This page was last modified on ⁨Sep 5, 2024⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content