如何通过enter按钮使下拉项“可点击”？

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

<script>
  const dropdown = document.getElementById("dropdown");

  dropdown.addEventListener("keydown", function(event) {
    if (event.key === "Enter") {
      const selectedOption = dropdown.options[dropdown.selectedIndex];
      selectedOption.click();
    }
  });
</script>