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
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 HTML Living Standard.
Document Object Model (DOM) Level 2 HTML Specification
The definition of 'HTMLSelectElement.remove()' in that specification.
Obsolete
Document Object Model (DOM) Level 1 Specification
The definition of 'HTMLSelectElement.remove()' in that specification.
Obsolete Initial definition.

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
removeChrome Full support YesEdge Full support 12Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support
Full support

See also