Ottenere gli elementi di un menu a tendina in JavaScript
Supponiamo di avere un menu a tendina:
<select id="select">
<option value="one">uno</option>
<option value="two">due</option>
<option value="three">tre</option>
</select>
Domanda: come possiamo ottenere tutti gli elementi di questo menu? Il modo più semplice è utilizzare un selettore appropriato:
let options = document.querySelectorAll('#select option');
console.log(options);
Invece di cercare in tutto il documento, puoi cercare specificamente nel nostro select:
let select = document.querySelector('#select');
let options = select.querySelectorAll('option');
console.log(options);