HTMLSelectElement: remove() method

{{ APIRef("HTML DOM") }}

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 {{ domxref("HTMLOptionElement") }} to remove from the collection. If the index is not found the method has no effect.

Return value

None ({{jsxref("undefined")}}).

Examples

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

<select id="existingList" name="existingList">
  <option value="1">Option: Value 1</option>
  <option value="3">Option: Value 3</option>
</select>

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{ domxref("Element.remove") }}, the method that gets called when remove is called without arguments on a {{ domxref("HTMLSelectElement") }}.
• {{domxref("HTMLSelectElement") }} that implements it.