Izvēlētā nolaižamā saraksta elementa numurs

Select elementos pastāv īpašs īpašums selectedIndex, kas glabā sevī saraksta elementa numuru, kas pašlaik ir atlasīts. Numerācija šajā gadījumā sākas no nulles. Turklāt šo īpašumu var gan nolasīt, gan ierakstīt, mainot atlasīto saraksta elementu.

Apskatīsim darbību ar šo īpašumu piemērā. Pieņemsim, ka mums ir dots šāds nolaižamais saraksts:

<select id="select">
	<option value="one">viens</option>
	<option value="two" selected>divi</option>
	<option value="three">trīs</option>
</select>

Izvadīsim atlasītā saraksta elementa numuru:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // izvadīs 1

Un tagad atlasīsim kādu citu elementu:

let select = document.querySelector('#select');
select.selectedIndex = 2; // atlasīs 'trīs'

Dots input un select elements. Input tiek ievadīts kāds skaitlis. Pēc fokusa zaudēšanas padariet atlasītu saraksta elementu, kura numurs ir vienāds ar vērtību no input.

Izveidojiet nolaižamo sarakstu ar nedēļas dienu nosaukumiem. Iestatiet tā, lai pēc noklusējuma JavaScript šajā sarakstā atlasītu pašreizējo dienu.