如何使用循环在Select下拉列表中获取EventListener以按预期工作

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

const selectElement = document.getElementById("mySelect");
selectElement.addEventListener("change", handleSelectChange);

function handleSelectChange(event) {
  const selectedOption = event.target.value;
  console.log("Selected option:", selectedOption);
}

function handleSelectChange(event) {
  const selectedOption = event.target.value;
  
  if (selectedOption === "option1") {
    console.log("Option 1 selected");
    // 执行 Option 1 相关操作
  } else if (selectedOption === "option2") {
    console.log("Option 2 selected");
    // 执行 Option 2 相关操作
  } else if (selectedOption === "option3") {
    console.log("Option 3 selected");
    // 执行 Option 3 相关操作
  }
}