JavaScript'те түшүрүлө турган тизмелер менен иштөө

Бул сабакта биз түшүрүлө турган тизмени көрсөткөн select теги менен иштөөнү үйрөнөбүз. Эгерде сиз бул тег менен HTML'де иштей албасаңыз, анда алгач анын түзүлүшүн мына бул шилтемеден окуу куралынан үйрөнүңүз: select.

Келгиле, бул тег менен JavaScript аркылуу кантип иштөөнү карап көрөлү. Бизде төмөнкүдөй түшүрүлө турган тизме бар деп коёлу:

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

Селектке өзгөрмөгө шилтеме алалы:

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

Эми селект өзгөргөндө, тизмеден тандалган пункттун текстин экранга чыгаралы. Бул үчүн биздин селектибиздин value касиетин окуш керек:

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