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);
});