编写一个html下拉框选择后自动跳转到相关页面再刷新返回原来页面

好的，以下是一个示例代码，可以实现您的需求：

<!-- 下拉框 -->
<select id="mySelect" onchange="goToPage()">
  <option value="">请选择页面</option>
  <option value="https://www.example.com/page1">页面1</option>
  <option value="https://www.example.com/page2">页面2</option>
  <option value="https://www.example.com/page3">页面3</option>
</select>

<script>
function goToPage() {
  // 获取下拉框选中的值
  var selectedValue = document.getElementById("mySelect").value;
  // 如果选中的值不为空，则跳转到相关页面
  if (selectedValue !== "") {
    // 在当前页面打开链接
    window.location.href = selectedValue;
    // 在跳转到相关页面之前，将当前页面的 URL 存储到 sessionStorage 中
    sessionStorage.setItem("previousPage", window.location.href);
  }
}

// 在页面加载完成后执行以下代码
window.onload = function() {
  // 如果 sessionStorage 中存储了上一个页面的 URL，则刷新页面
  if (sessionStorage.getItem("previousPage")) {
    window.location.href = sessionStorage.getItem("previousPage");
    // 刷新页面前清除 sessionStorage 中的数据
    sessionStorage.removeItem("previousPage");
  }
}
</script>

以上代码中，我们通过 HTML 下拉框和 JavaScript 实现了以下功能：

1. 用户选择下拉框中的一个选项后，自动跳转到相关页面。
2. 在跳转到相关页面之前，将当前页面的 URL 存储到 sessionStorage 中。
3. 在用户从相关页面返回时，自动刷新原来的页面。