为什么我在这个<select>标签下拉菜单上所做的选择总是默认为我设置的最后一条if语句？

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

var selectElement = document.getElementById("mySelect");
selectElement.addEventListener("change", function() {
  var selectedValue = selectElement.value;
  
  if (selectedValue === "option1") {
    // 执行选项1的逻辑
  } else if (selectedValue === "option2") {
    // 执行选项2的逻辑
  } else if (selectedValue === "option3") {
    // 执行选项3的逻辑
  }
});