JavaScript-də Açılan Siyahılarla İş

Bu dərsdə biz açılan siyahını təmsil edən select teqi ilə işi öyrənəcəyik. Əgər siz bu teqlə HTML-də işləməyi bilmirsinizsə, onda əvvəlcə onun quruluşunu bu linkdəki arayışda öyrənin: select.

Gəlin bu teqlə JavaScript vasitəsilə necə işləməyə baxaq. Tutaq ki, bizə belə bir açılan siyahı verilib:

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

Gəlin selektə dəyişəndə istinad əldə edək:

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

İndi gəlin siyahı dəyişdikdə seçilmiş bəndin mətnini ekrana çıxaraq. Bunun üçün selektimizin value xassəsini oxumaq lazımdır:

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