Nommer van die gekose keuselys-item

In keuselyste is daar 'n spesiale eienskap selectedIndex wat die nommer van die keuse wat tans gekies is, stoor. Die nommering begin by nul. Hierdie eienskap kan sowel gelees as geskryf word, wat die gekose keuse in die lys verander.

Laat ons die werk met hierdie eienskap aan 'n voorbeeld sien. Gestel ons het die volgende keuselys:

<select id="select">
	<option value="one">een</option>
	<option value="two" selected>twee</option>
	<option value="three">drie</option>
</select>

Kom ons toon die nommer van die gekose keuse in die lys:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // sal 1 toon

En laat ons nou 'n ander keuse kies:

let select = document.querySelector('#select');
select.selectedIndex = 2; // sal 'drie' kies

Daar is 'n inset en 'n keuselys. 'n Sekere getal word in die inset ingevoer. Met fokusverlies, maak die keuse in die lys wat se nommer gelyk is aan die waarde van die inset, uitgelê.

Maak 'n keuselys met die name van die dae van die week. Maak dit so dat JavaScript by verstek die huidige dag in hierdie lys kies.