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:

javascriptlet 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:

javascriptconsole.log(option.text);
console.log(option.value);
console.log(option.selected);