Javascript 保存和重置下拉列表中的值

我有一个下拉列表，在从中选择值后，我按下按钮并进行一些计算。我通过以下方式保存列表中的值：

     <select name="dropDownTo" id="dropDownTo">
        <option value="Yard">Yard</option>
            <option value="Feet">Feet</option>
        <option value="Metre">Metre</option>
     </select>                          

    <button onclick="MyFunc()">Update</button>

<script>
document.getElementById("dropDownTo").onchange = function() {
         localStorage['dropDownTo'] = document.getElementById("dropDownTo").value;
        }
    function MyFunc(){
        document.getElementById("dropDownTo").value = localStorage['dropDownTo'];

        window.onload  = document.getElementById("dropDownTo").value;
        alert(document.getElementById("dropDownTo").value);
    }
</script>

---

但选择值在关闭窗口后仍保持选中状态。是否可以在关闭页面后还原默认值？

您应该在页面退出之前运行操作，将值还原为默认值。这有一个javascript事件

---

将值设置为“选定”将在每次加载页面时首先选择该值：

<option value="value2" selected>Value 2</option>

---

阅读API。它与运行.onchange函数的方式相同。

<option value="value2" selected>Value 2</option>