Obtention des éléments d'une liste déroulante en JavaScript
Supposons que nous ayons une liste déroulante :
<select id="select">
<option value="one">un</option>
<option value="two">deux</option>
<option value="three">trois</option>
</select>
Question : comment obtenir tous les éléments de cette liste ? La manière la plus simple est d'utiliser un sélecteur correspondant :
let options = document.querySelectorAll('#select option');
console.log(options);
On peut effectuer la recherche non pas dans tout le document, mais spécifiquement dans notre sélect :
let select = document.querySelector('#select');
let options = select.querySelectorAll('option');
console.log(options);