Select selectedIndex ominaisuus

HTML DOM Select-objekti

Määritelmä ja käyttötapa

selectedIndex Aseta tai palauta pudotusvalikon valitun vaihtoehdon indeksi (alaviiva).

Indeksit alkavat 0:sta.

Huomautus:Jos pudotusvalikko sallii monivalinnan, se palauttaa vain valitun ensimmäisen vaihtoehdon indeksin.

Huomautus:Arvo "-1" poistaa valinnan kaikista vaihtoehdoista (jos on olemassa).

Huomautus:Jos mikään vaihtoehto ei ole valittu, selectedIndex-ominaisuus palauttaa -1.

Katso myös:

HTML-viittausoppikirja:HTML <select>-tagi

Esimerkki

Esimerkki 1

Valitse indeksillä "2" oleva <option>-elementti:

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

Kokeile itse

Esimerkki 2

Näytä pudotusvalikon valitun vaihtoehdon indeksi ja teksti:

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

Kokeile itse

Esimerkki 3

Poista valinta kaikista vaihtoehdoista:

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

Kokeile itse

Esimerkki 4

Jos mikään vaihtoehto ei ole valittu, selectedIndex-ominaisuus palauttaa "-1":

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

Kokeile itse

Syntaksi

Palauta selectedIndex-ominaisuus:

selectObject.selectedIndex

Aseta selectedIndex-ominaisuus:

selectObject.selectedIndex = number

Ominaisuusarvo

Arvo Kuvaus
number Määrittelee pudotusvalikon valitun vaihtoehdon indeksin (alaviiva).

Tekninen yksityiskohta

Palautusarvo:

Luku, joka ilmaisee pudotusvalikon valitun vaihtoehdon indeksin. Indeksi alkaa 0:sta.

Jos mitään vaihtoehtoa ei valita, palautusarvo on -1.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML DOM Select-objekti