как сохранить выбранную опцию, показанную на странице настроек?

Question

У меня есть страница настроек с раскрывающимся пол: мужчина, женщина. Когда я удаляю настройки сохранения, я использую локальное хранилище, чтобы сохранить выбранный параметр, но в следующий раз, когда я перейду на страницу, он отобразит самца, несмотря ни на что, потому что его первый вариант. Я хочу, чтобы он показывал сохраненную настройку.

вот как я его сохраню. не знаю, как вернуть его обратно, чтобы проверить на странице настройки нагрузки

<div class="form-group"> 
    <label for="sel1">Gender:</label> 
    <select class="form-control" id="gender"> 
     <option>Male</option> 
     <option>Female</option> 
    </select> 
</div> 

    (function (global) { 
document.getElementById("save").addEventListener("click", function() { 
global.localStorage.setItem("mySharedData", document.getElementById("gender").value); 
}, false); 
}(window)); 

Answer 1

Вы сохраняете данные, не retreiving снова

<div class="form-group"> 
    <label for="sel1">Gender:</label> 
    <select class="form-control" id="gender"> 
     <option>Male</option> 
     <option>Female</option> 
    </select> 
</div> 

(function (global) { 
    var data = global.localStorage.getItem("mySharedData"), 
     sel = document.getElementById("gender"), 
     opts = sel.options; 

    if (data !== null) { 
     for(var opt, j = 0; opt = opts[j]; j++) { 
      if(opt.value == data) { 
       sel.selectedIndex = j; 
       break; 
      } 
     } 
    } 

    document.getElementById("save").addEventListener("click", function() { 
     var val = document.getElementById("gender").value; 
     global.localStorage.setItem("mySharedData", val); 
    }, false); 
}(window));