如何在导航到另一个html页面后在下拉列表中显示所选值？

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

<script>
  var selectElement = document.getElementById("mySelect");
  
  selectElement.addEventListener("change", function() {
    var selectedValue = selectElement.value;
    localStorage.setItem("selectedValue", selectedValue);
  });
</script>

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

<script>
  var selectElement = document.getElementById("mySelect");
  var selectedValue = localStorage.getItem("selectedValue");
  
  if (selectedValue) {
    selectElement.value = selectedValue;
  }
</script>