Obtención de elementos de una lista desplegable en JavaScript
Supongamos que tenemos una lista desplegable:
<select id="select">
<option value="one">один</option>
<option value="two">два</option>
<option value="three">три</option>
</select>
Pregunta: ¿cómo obtenemos todos los elementos de esta lista? La forma más sencilla es utilizar un selector correspondiente:
let options = document.querySelectorAll('#select option');
console.log(options);
En lugar de buscar en todo el documento, podemos buscar específicamente en nuestro select:
let select = document.querySelector('#select');
let options = select.querySelectorAll('option');
console.log(options);