การรับรายการใน dropdown ด้วย JavaScript

สมมติว่าเรามี dropdown ดังนี้:

html<select id="select">
  <option value="one">หนึ่ง</option>
  <option value="two">สอง</option>
  <option value="three">สาม</option>
</select>

คำถาม: เราจะรับรายการทั้งหมดของ dropdown นี้ได้อย่างไร? วิธีที่ง่ายที่สุดคือการใช้ selector ที่เกี่ยวข้อง:

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

คุณสามารถค้นหาเฉพาะภายใน select ของเรา แทนที่จะค้นหาทั่วทั้งเอกสาร:

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