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

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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
remove

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also