更改所选选项

Question

我有以下选择：

        <select id="sitestyle" name="stil">
            <option value="blue">Blå</option>
            <option value="green">Grön</option>
            <option value="red">Röd</option>
            <option value="pink">Rosa</option>                
        </select>

我将用户选择的值保存到localStorage。假设用户选择value="pink"，然后将其保存到localStorage，用户关闭浏览器并再次打开，我希望自动选择value="pink"。目前，无论value="blue"中保存了什么，它总是localStorage。

不能使用jQuery / Ajax，但javascript很好。

修改的

我有以下JS：

function setStyleFromStorage(){
    style = localStorage.getItem("style");
    document.getElementById('css_style').setAttribute('href', style);
    if(style == "blue"){
        document.getElementById("sitestyle").selectedIndex() = 0;
    }else if(style == "green"){
        document.getElementById("sitestyle").selectedIndex() = 1;
    }else if(style == "red"){
        document.getElementById("sitestyle").selectedIndex() = 2;
    }else if(style == "pink"){
        document.getElementById("sitestyle").selectedIndex() = 3;
    }
}

Answer 1

使用以下代码更改选择框值。

function setStyleFromStorage(){
    if(localStorage.style){
        document.getElementById("sitestyle").value = localStorage.style;
    }
}
document.getElementById("sitestyle").onchange = function(){
     localStorage.style = this.value;  
}

JSFIDDLE