JavaScriptda ro'yxatning tanlangan bandini o'zgartirish

Oldingi darsda biz ro'yxatning tanlangan bandini qanday olishni o'rgandik. Keling, endi JavaScript yordamida tanlangan bandni o'zgartirishni o'rganamiz.

Buning uchun select elementining value xususiyatiga tanlamoqchi bo'lgan option elementimizning value atributi qiymatini yozamiz.

Faraz qilaylik, bizda quyidagi select mavjud:

<select id="select">
	<option value="one">bir</option>
	<option value="two" selected>ikki</option>
	<option value="three">uch</option>
</select>

Shuningdek, tugma ham mavjud:

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

Select va tugmaga havolalarni o'zgaruvchilarga olaylik:

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

Endi esa tugma bosilganda select elementining tanlovi o'zgarishi uchun kod yozamiz:

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

Agar bizning ro'yxatimizda value atributlari bo'lmasa, unda select elementining value xususiyatiga tanlamoqchi bo'lgan option tegi matnini yozishimiz kerak.

Oylar nomlari bilan ochiladigan ro'yxat yarating. JavaScript dasturiy tarzda ushbu ro'yxatda joriy oyni tanlashi uchun kod yozing.