Select selectedIndex-eigenschap

HTML DOM Select object

Definitie en gebruik

selectedIndex Eigenschap die de index van het geselecteerde item in de keuzelijst instelt of retourneert (index).

De index begint bij 0.

Opmerking:Als de keuzelijst meerdere selecties toestaat, retourneert het alleen de index van de eerste geselecteerde optie.

Opmerking:De waarde "-1"annuleert het selecteren van alle opties (indien van toepassing).

Opmerking:Als geen optie is geselecteerd, zal de selectedIndex-eigenschap -1 retourneren.

Zie ook:

HTML Referentiemanual:HTML <select> tag

Voorbeeld

Voorbeeld 1

Selecteer het <option>-element met index "2":

document.getElementById("mySelect").selectedIndex = "2";

Probeer het zelf

Voorbeeld 2

Toon de index en tekst van de geselecteerde optie in de keuzelijst:

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);

Probeer het zelf

Voorbeeld 3

Selecteer alle opties annuleren:

document.getElementById("mySelect").selectedIndex = "-1";

Probeer het zelf

Voorbeeld 4

Als geen optie is geselecteerd, zal de selectedIndex-eigenschap "-1" retourneren:

var x = document.getElementById("mySelect").selectedIndex;

Probeer het zelf

Syntax

Returneert de selectedIndex-eigenschap:

selectObject.selectedIndex

Instellen van de selectedIndex-eigenschap:

selectObject.selectedIndex = number

Attribute value

Value Description
number Specifies the index (subscript) of the selected option in the drop-down list.

Technical details

Return value:

Number, indicating the index of the selected option in the drop-down list. The index starts from 0.

If no option is selected, the return value is -1.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Select object