Pudotusvalikon kohteiden hakeminen JavaScriptillä
Oletetaan, että meillä on tietty pudotusvalikko:
<select id="select">
<option value="one">yksi</option>
<option value="two">kaksi</option>
<option value="three">kolme</option>
</select>
Kysymys: kuinka saamme kaikki tämän valikon kohdet? Yksinkertaisin tapa on käyttää vastaavaa valitsijaa:
let options = document.querySelectorAll('#select option');
console.log(options);
Voit hakea ei koko dokumentista, vaan nimenomaan meidän valikostamme:
let select = document.querySelector('#select');
let options = select.querySelectorAll('option');
console.log(options);