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šą:

html<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į:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // išves 1

O dabar pasirinkime kitą punktą:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // pasirinks 'trys'
Задание 1

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.

Задание 2

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ą.