如何在 JavaScript 中获得 select 中的第一个选项？

Question

I want to get the first option from a select. Does this work?

dropDown = document.querySelector(".select")
if (dropDown[0].innerHtml === '0'){
   console.log('yes')
}

dropDown is my select. Inside there is option value=o>o</option . This logs "yes" but it gives an error:

Uncaught TypeError: dropDown[i] is undefined

Answer 1

My rookie mind went this way:

const dropDown = document.querySelectorAll(".select > option")

if (dropDown[0].innerHtml === '0'){
   console.log('yes')
}

or if you need to have different types of actions based on the options:

options.foreach(option => {
   switch(option.innerHTML) {
     case "value":
       // code block
       break;
     case "value2":
       // code block
       break;
     default:
       // code block
   }

Answer 2

Welcome to Stack Overflow.

dropDown = document.querySelector(".select") // this will always return only one element.
if (dropDown.innerHtml === '0'){ // So no need to add `dropdown.innerHTML[0]`
   console.log("yes");
}

Let me know if you need further support.