使用JavaScript代码阻止下拉选择框使用上、下箭头键时也改变选项

解决代码示例：

document.addEventListener("keydown", function(event) {
  if (event.key === "ArrowUp" || event.key === "ArrowDown") {
    // 阻止默认行为
    event.preventDefault();

    // 获取下拉选择框元素
    var selectElement = document.querySelector("select");

    // 获取选中的选项
    var selectedIndex = selectElement.selectedIndex;

    // 根据按下的箭头键修改选项
    if (event.key === "ArrowUp" && selectedIndex > 0) {
      selectedIndex--;
    } else if (event.key === "ArrowDown" && selectedIndex < selectElement.options.length - 1) {
      selectedIndex++;
    }

    // 更新选择框选中的选项
    selectElement.selectedIndex = selectedIndex;
  }
});