Numărul opțiunii selectate din lista drop-down

În selecte există o proprietate specială selectedIndex, care stochează numărul opțiunii din listă care este selectată în prezent. Numerotarea începe de la zero. În plus, această proprietate poate fi citită, dar și scrisă, schimbând opțiunea selectată din listă.

Să analizăm funcționarea acestei proprietăți cu un exemplu. Să presupunem că avem următoarea listă drop-down:

<select id="select">
	<option value="one">unu</option>
	<option value="two" selected>doi</option>
	<option value="three">trei</option>
</select>

Să afișăm numărul opțiunii selectate din listă:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // va afișa 1

Și acum să selectăm o altă opțiune:

let select = document.querySelector('#select');
select.selectedIndex = 2; // va selecta 'trei'

Este dat un câmp de introducere și o listă drop-down. În câmp se introduce un număr. La pierderea focusului, faceți ca opțiunea din listă al cărei număr este egal cu valoarea din câmpul de introducere să fie selectată.

Creați o listă drop-down cu numele zilelor săptămânii. Faceți ca, prin JavaScript, implicit să fie selectată în această listă ziua curentă.