HTMLSelectElement.remove

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

Syntax

collection.remove(index);

Parameters

• index is a long for the index of the HTMLOptionElement to remove from the collection. If the index is not found the method has no effect.

Example

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

/*
  Takes the existing following select object:

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

  And changes it to:

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

Specifications

Specification	Status	Comment
WHATWG HTML Living Standard The definition of 'HTMLSelectElement.remove()' in that specification.	Living Standard
HTML5 The definition of 'HTMLSelectElement.remove()' in that specification.	Recommendation	Is a snapshot of WHATWG HTML Living Standard.
Document Object Model (DOM) Level 2 HTML Specification The definition of 'HTMLSelectElement.remove()' in that specification.	Recommendation
Document Object Model (DOM) Level 1 Specification The definition of 'HTMLSelectElement.remove()' in that specification.	Recommendation	Initial definition.

Browser compatibility

See also

• ChildNode.remove, the method that gets called when remove is called without arguments on a HTMLSelectElement.
• HTMLSelectElement that implements it.