Сохранение и сброс значений из выпадающего списка

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>