Lucrul cu elementele listelor drop-down în JavaScript
Să presupunem că avem o referință la tag-ul
option într-o variabilă. De exemplu, obținută în felul următor:
let select = document.querySelector('#select');
let option = select[0];
În acest caz, proprietatea text va
conține textul option-ului, proprietatea value
- valoarea atributului cu același nume, iar în proprietatea
selected - valoarea true sau
false în funcție de faptul dacă elementul listei este selectat sau nu:
console.log(option.text);
console.log(option.value);
console.log(option.selected);
Parcurgeți elementele listei cu un ciclu și pentru elementul selectat adăugați un semn de exclamare la sfârșitul textului, iar pentru elementele neselectate - un semn de întrebare.