Question

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

     <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>

但关闭窗口后选择值保持选中状态。关闭页面后可以恢复默认值吗？

Answer 1

您应该在页面退出之前运行操作，将值恢复为默认值。有一个javascript事件。 Window.onbeforeunload

window.onbeforeunload = function(){
    return 'You are leaving this page';
}

Answer 2

将值设置为选中状态最初会在每次加载页面时选择该值：

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

从下拉列表中保存并重置值

2 个答案: