Broj izabrane stavke padajuće liste
Kod select elementa postoji specijalno svojstvo
selectedIndex, koje čuva broj
stavke liste koja je trenutno izabrana.
Numeracija pri tome počinje od nule. Ovo
svojstvo se može i čitati,
i upisivati, menjajući izabranu stavku liste.
Pogledajmo rad sa ovim svojstvom na primeru. Neka nam je dat sledeći padajući spisak:
<select id="select">
<option value="one">jedan</option>
<option value="two" selected>dva</option>
<option value="three">tri</option>
</select>
Hajde da ispišemo broj izabrane stavke liste:
let select = document.querySelector('#select');
console.log(select.selectedIndex); // ispisaće 1
A sada hajde da izaberemo neku drugu stavku:
let select = document.querySelector('#select');
select.selectedIndex = 2; // izabraće 'tri'
Dat je input i select. U input se unosi neki broj. Pri gubitku fokusa postavite za izabranu stavku liste čiji je broj jednak vrednosti iz inputa.
Napravite padajući spisak sa nazivima dana u nedelji. Uredite tako da preko JavaScript-a po podrazumevanom bude izabran u ovom spisku trenutni dan.