保存並重置下拉列表中的值

我有下拉列表，在從中選擇值後，我按下按鈕並進行一些計算。我從這個列表保存價值：保存並重置下拉列表中的值

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

但是關閉窗口後選擇值保持選定狀態。關閉頁面後是否可以恢復默認值？

來源

2014-06-20 user3704246

您應該在頁面退出前運行一個操作，將該值恢復爲默認值。有一個JavaScript事件。 Window.onbeforeunload

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

來源

2014-06-20 15:18:52 Adjit

謝謝，但它並沒有爲我工作，你能詳細寫？ – user3704246

閱讀API。它的運行方式與運行'.onchange'函數的方式相同。 – Adjit

設置的值作爲選擇的每個頁面加載時間將首先選擇該值：

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

來源

2014-06-20 15:19:18 regretoverflow

保存並重置下拉列表中的值

回答

相關問題