JavaScriptда списокнинг танланган пунктини ўзгартириш

Олдинги дарсда биз списокнинг танланган пунктини олишни ўрганган эдик. Келинг энди JavaScript ёрдамида танланган пунктни ўзгартирамиз.

Бунинг учун селектнинг value хоссасига биз танлаган optionнинг value атрибутининг қийматини ёзамиз.

Фарз қилайлик, бизда куйидаги селект бор:

<select id="select">
	<option value="one">бир</option>
	<option value="two" selected>икки</option>
	<option value="three">уч</option>
</select>

Шунингдек, тугма хам бор деб фараз қилайлик:

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

Селект ва тугмага ҳаволани ўзгартувчиларга оламиз:

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

Энди эса тугма босилганда бизнинг селект танловини ўзгартирадиган қилиб қўйайлик:

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

Агар бизнинг списокда value атрибутлари бўлмаса, у ҳолда селектнинг value хоссасига биз танлаган option тегининг матнини ёзиш керак.

Ой номлари билан қутича-список яратинг. JavaScript сунъий холда ушбу списокада журий ойни танлаши учун қилинг.