Таңдалған тізім пунктін JavaScript-те өзгерту

Алдыңғы сабақта біз тізімнің таңдалған пунктін алуды үйрендік. Енді JavaScript көмегімен таңдалған пунктті өзгертейік.

Ол үшін select-тің value қасиетіне біз таңдаған option-тің value атрибут мәнін жазамыз.

Бізде келесі select болсын:

<select id="select">
	<option value="one">бір</option>
	<option value="two" selected>екі</option>
	<option value="three">үш</option>
</select>

Сондай-ақ түйме болсын:

<input type="submit" id="button">

Select пен түймеге сілтемелерді айнымалыларға алайық:

let select = document.querySelector('#select');
let button = document.querySelector('#button');

Енді түймені басқанда біздің select таңдауын өзгертетіндей етейік:

button.addEventListener('click', function() {
	select.value = 'one';
});

Егер біздің тізімде value атрибуттары болмаса, онда select-тің value қасиетіне біз таңдайтын option тегінің мәтінін жазуымыз керек.

Ай атаулары бар ашылмалы тізім жасаңыз. JavaScript әдепкі бойынша осы тізімде ағымдағы айды таңдайтындай етіңіз.