Номер абранага пункта выпадаючага спісу
У селектах існуе спецыяльная ўласцівасць
selectedIndex, якая захоўвае ў сабе нумар
таго пункта спісу, які зараз абраны.
Нумарацыя пры гэтым пачынаецца з нуля. Пры
гэтым гэтую ўласцівасць можна як счытваць,
так і запісваць, мяняючы абраны пункт спісу.
Паглядзім працу з гэтай ўласцівасцю на прыкладзе. Хай у нас дадзены наступны выпадаючы спіс:
<select id="select">
<option value="one">адзін</option>
<option value="two" selected>два</option>
<option value="three">тры</option>
</select>
Давайце вывядзем нумар абранага пункта спісу:
let select = document.querySelector('#select');
console.log(select.selectedIndex); // выведе 1
А цяпер абярэм які-небудзь іншы пункт:
let select = document.querySelector('#select');
select.selectedIndex = 2; // абярэ 'тры'
Дадзены інпут і селект. У інпут уводзіцца якое-небудзь лік. Па страце фокусу зрабіце абраным пункт спісу, нумар якога роўны значэнню з інпута.
Зрабіце выпадаючы спіс з назвамі дзён тыдня. Зрабіце так, каб на JavaScript па змаўчанні абраў у гэтым спісе бягучы дзень.