javascript - 有没有办法让选中的选项在刷新时成为默认值？

Question

我今天遇到了这个问题，我希望我选择的选项在刷新页面时成为默认值。例如我有这个:

<select id="options">
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select>

我的 UI 上的默认值是 Apple，所以我想要的是当我单击 Orange 选项时它会在我刷新页面时成为默认值。有没有办法做到这一点？谢谢

Answer 1

我认为本地存储可以为您提供帮助。例如:

<select id="options">
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select>

Javascript

$("#options").on("change", function(){
    var val = $(this).val();
    // save to local
    if(window.localStorage){
        window.localStorage.setItem("#options-val", val);
    }
});

if(window.localStorage){
    var item = window.localStorage.getItem("#options-val");
    if(item) $("#options").val(item);
}

并查看 demo

你所有的js代码必须在$(document).ready()里面

在 demo 上运行代码后，尝试重新加载页面，您将看到结果!