Praca z elementami listy rozwijanej w JavaScript

Załóżmy, że mamy w zmiennej referencję do tagu option. Na przykład, uzyskaną w następujący sposób:

javascriptlet select = document.querySelector('#select');
let option = select[0];

W tym przypadku we właściwości text będzie przechowywany tekst opcji, we właściwości value - wartość atrybutu o tej samej nazwie, a we właściwości selected - wartość true lub false w zależności od tego, czy element listy jest wybrany, czy nie:

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