JavaScript-da açylan sanawlar bilen işlemek

Bu sapakda biz açylan sanawy öz içine alýan select teginiň işini öwreneris. Eger siz bu teg bilen HTML-da işlemesiňizi bilmeseňiz, onda başlangyç üçin onuň gurluşyny şu baglanyşykdaky gollanmada öwreniň: select.

Geliň, bu teg bilen JavaScript arkaly nädip işlemelidigine göz aýlalyň. Bizde şeýle bir açylan sanaw bolsun:

<select id="select">
	<option>one</option>
	<option selected>two</option>
	<option>three</option>
</select>

Selekta bir üýtgeýjä baglanyşyk alyň:

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

Indi selekt üýtgende, sanawyň saýlangan böleginiň tekstini ekrana çykaralyň. Bunun üçin biziň selegimiziň value aýratynlygyny okamaly:

select.addEventListener('change', function(){
	console.log(this.value);
});

Selekt, abzas we düwme berlen. Düwmä basylanda sanawyň saýlangan böleginiň tekstini abzasa çykaryň.

2020 ýyldan 2030 ýyla çenli ýyllaryň açylan sanawyny ýasaň. Sanawyň haýsydyr bir bölegini saýlanda, bu ýylyň artýyk ýyl ýa-da däl-digi hakynda habary çykaryň.