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:

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

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

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

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

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