Pasirinkto išskleidžiamojo sąrašo punkto numeris
Išskleidžiamuosiuose sąrašuose egzistuo speciali savybė
selectedIndex, kuriame saugomas to sąrašo punkto numeris,
kuris šiuo metu yra pasirinktas.
Numeracija prasideda nuo nulio. Ši savybė gali būti
tiek skaitoma, tiek įrašoma, keičiant pasirinktą sąrašo punktą.
Pažiūrėkime šios savybės veikimą pavyzdžiu. Tarkime, kad turime šį išskleidžiamąjį sąrašą:
<select id="select">
<option value="one">vienas</option>
<option value="two" selected>du</option>
<option value="three">trys</option>
</select>
Išveskime pasirinkto sąrašo punkto numerį:
let select = document.querySelector('#select');
console.log(select.selectedIndex); // išves 1
O dabar pasirinkime kitą punktą:
let select = document.querySelector('#select');
select.selectedIndex = 2; // pasirinks 'trys'
Duotas įvesties laukas ir išskleidžiamasis sąrašas. Į įvesties lauką įvedamas kažkoks skaičius. Praradus fokusą, padarykite pasirinktu sąrašo punktą, kurio numeris lygus įvesties lauko reikšmei.
Sukurkite išskleidžiamąjį sąrašą su savaitės dienų pavadinimais. Padarykite taip, kad JavaScript pagal nutylėjimą šiame sąraše pasirinktų dabartinę dieną.