Pobieranie elementów listy rozwijanej w JavaScript
Załóżmy, że mamy daną pewną listę rozwijaną:
<select id="select">
<option value="one">jeden</option>
<option value="two">dwa</option>
<option value="three">trzy</option>
</select>
Pytanie: jak uzyskać wszystkie elementy tej listy? Najprostszy sposób - to skorzystać z odpowiedniego selektora:
let options = document.querySelectorAll('#select option');
console.log(options);
Można prowadzić nie przeszukiwanie całego dokumentu, a konkretnie w naszym selecie:
let select = document.querySelector('#select');
let options = select.querySelectorAll('option');
console.log(options);