LocalStorage：Disabledオプションの空白を選択してください

Question

私はLocalStorageを使用してフィールドの値を覚えています。私は気付いたが、デフォルトの選択オプション（無効）は空白になります。正しくレンダリングするには？

選択フィールド

<select name="purchasableId" id="metreSelect" class="metre" required> 
    <option value="" disabled selected>Select number of metres</option> 
    <option value="one">One</option> 
    <option value="two">Two</option> 
</select> 

loadStorage機能

function loadSettings() { 
    $("#metreSelect").val(localStorage.setmetre); 
} 

function saveSettings() { 
    localStorage.setmetre = $("#metreSelect").val(); 

} 

Answer 1

まず、あなたは選択の変化にのlocalStorageに選択した値を保存する必要があります。

$("#metreSelect").change(function(){ 
    saveSettings($(this).val()); 
}); 

function saveSettings(val) { 
    localStorage.setItem("selectedMetre",val); 
} 

それが無効になっている場合はページをロードしている間、あなたが保存された値をチェックする必要があり、利用可能な場合、選択した値

loadSettings(); 
function loadSettings() { 
    if(localStorage.getItem("selectedMetre")){ 
    $("#metreSelect").val(localStorage.getItem("selectedMetre")); 
    } 
} 

チェックjsfiddle