The HTMLSelectElement.remove() method removes the element at the specified index from the options collection for this select element.
The HTMLSelectElement.remove() method removes the element at the specified index from the options collection for this select element.
js
remove(index)
index is a zero-based long for the index of the HTMLOptionElement to remove from the collection. If the index is not found the method has no effect. None (undefined).
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>
| Specification |
|---|
| HTML Standard # dom-select-remove |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
remove |
1 | 12 | 1 | 5.5 | ≤12.1 | 3 | 4.4 | 18 | 4 | ≤12.1 | 1 | 1.0 |
Element.remove, the method that gets called when remove is called without arguments on a HTMLSelectElement. HTMLSelectElement that implements it.
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/remove