JavaScript-ში ჩამოშლადი სიებთან მუშაობა

ამ გაკვეთილში ჩვენ შევისწავლით მუშაობას select ტეგთან, რომელიც წარმოადგენს ჩამოშლად სიას. თუ არ იცით მუშაობა ამ ტეგთან HTML-ში, მაშინ თავიდან შეისწავლეთ მისი მოწყობა ცნობარში ამ ბმულზე: select.

მოდით ვნახოთ, როგორ ვიმუშაოთ ამ ტეგთან JavaScript-ის მეშვეობით. დავუშვათ, ჩვენ გვაქვს მოცემული ასეთი ჩამოშლადი სია:

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

მივიღოთ ბმული სელექტზე ცვლადში:

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

მოდით ახლა სელექტის ცვლილებაზე გამოვიტანოთ ეკრანზე არჩეული პუნქტის ტექსტი. ამისთვის საჭიროა წავიკითხოთ value თვისება ჩვენი სელექტის:

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

მოცემულია სელექტი, აბზაცი და ღილაკი. ღილაკზე დაწკაპუნებაზე გამოიტანეთ არჩეული სიის პუნქტის ტექსტი აბზაცში.

შექმენით წლების ჩამოშლადი სია 2020-დან 2030-მდე. რომელიმე სიის პუნქტის არჩევისას გამოიტანეთ შეტყობინება, ნაკიანი არის ეს წელი თუ არა.