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);