Ընտրված տարրի համարը բացվող ցանկում

Ընտրիչներում գոյություն ունի հատուկ հատկություն 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-ով լռելյայն այս ցանկում ընտրվի ընթացիկ օրը: