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 бул тизмеде демейки абалда учурдагы айды тандап тургандай кылыңыз.