HTMLOptionsCollection: selectedIndex property
The selectedIndex
property of the HTMLOptionsCollection
interface is the numeric index of the first selected <option>
element, if any, or −1
if no <option>
is selected. Setting this property selects the option at that index and deselects all other options in this collection, while setting it to -1
deselects any currently selected elements. It is exactly equivalent to the selectedIndex
property of the HTMLSelectElement
that owns this collection.
Value
A number.
Examples
js
const optionColl = document.getElementById("select").options;
console.log(`selected option: ${optionColl.selectedIndex}`); // the index of the first selected option, or -1 if no option is selected
optionColl.selectedIndex = 0; // selects the first item
optionColl.selectedIndex = -1; // deselects any selected option
Specifications
Specification |
---|
HTML Standard # the-htmloptionscollection-interface:dom-htmloptionscollection-selectedindex-2 |
Browser compatibility
BCD tables only load in the browser