JavaScript-də seçilmiş siyahı elementinin dəyişdirilməsi

Əvvəlki dərsdə biz siyahının seçilmiş elementini necə əldə edəcəyimizi öyrənmişdik. Gəlin indi JavaScript köməyi ilə seçilmiş elementi necə dəyişdirməyi öyrənək.

Bunun üçün select-in value xassəsinə seçmək istədiyimiz option-un value atributunun dəyərini yazırıq.

Tutaq ki, bizim aşağıdakı select-imiz var:

<select id="select">
	<option value="one">bir</option>
	<option value="two" selected>iki</option>
	<option value="three">üç</option>
</select>

Tutaq ki, həmçinin bir düymə var:

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

Select və düyməyə istinadları dəyişənlərə əldə edək:

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

İndi isə gəlin elə edək ki, düyməyə klikləndikdə bizim select seçimi dəyişsin:

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

Əgər bizim siyahımızda value atributları yoxdursa, onda select-in value xassəsinə seçmək istədiyimiz option teqinin mətnini yazmaq lazımdır.

Ayların adları olan açılan siyahı düzəldin. Elə edin ki, JavaScript standart olaraq bu siyahıda cari ayı seçsin.