Λήψη στοιχείων αναπτυσσόμενης λίστας σε JavaScript

Ας υποθέσουμε ότι έχουμε μια συγκεκριμένη αναπτυσσόμενη λίστα:

html<select id="select">
  <option value="one">ένα</option>
  <option value="two">δύο</option>
  <option value="three">τρία</option>
</select>

Ερώτηση: πώς μπορούμε να λάβουμε όλα τα στοιχεία αυτής της λίστας; Ο πιο απλός τρόπος είναι να χρησιμοποιήσουμε τον αντίστοιχο επιλογέα:

javascriptlet options = document.querySelectorAll('#select option');
console.log(options);

Μπορείτε να κάνετε αναζήτηση όχι σε ολόκληρο το έγγραφο, αλλά συγκεκριμένα στον επιλογέα μας:

javascriptlet select  = document.querySelector('#select');
let options = select.querySelectorAll('option');
console.log(options);