Ophalen van dropdownlijstitems in JavaScript
Stel dat we een dropdownlijst hebben:
<select id="select">
<option value="one">een</option>
<option value="two">twee</option>
<option value="three">drie</option>
</select>
De vraag is: hoe krijgen we alle items van deze lijst? De eenvoudigste manier is om de overeenkomstige selector te gebruiken:
let options = document.querySelectorAll('#select option');
console.log(options);
Je kunt niet in het hele document zoeken, maar specifiek in onze select:
let select = document.querySelector('#select');
let options = select.querySelectorAll('option');
console.log(options);