Javascript 如何更改&x2018；选定’；页面加载后的选项

此小提琴显示下拉列表从“一”开始。我想做的是，下拉列表从我的默认值（1）开始，然后一旦我选择了另一个选项（2），当我刷新页面时，下拉列表从“2”开始，而不是从“1”开始

它应该很简单，只需获取新选择的值并使其成为新的默认选择选项。我试过几种方法，但都不管用。（下面的代码不是小提琴的一部分，只是展示了我在实际代码中尝试的概念）

---

如果希望即使在刷新后也能保存数据， 您必须使用localStorage

将您的选择保存在localStorage中，并在页面加载时获取他

当用户选择一个选项时，使用以下代码保存该选项：

localStorage.setItem("key", "yourOption");

并在加载文档时检查密钥是否存在：

var data = localStorage.getItem("key");
if(data){
    // here you change dropdown value.
}

---

您可以选择是否要删除localStorage中的值，以便在下一页刷新时它将是干净的。

如果您希望数据在刷新后仍能保存， 您必须使用localStorage

将您的选择保存在localStorage中，并在页面加载时获取他

当用户选择一个选项时，使用以下代码保存该选项：

localStorage.setItem("key", "yourOption");

并在加载文档时检查密钥是否存在：

var data = localStorage.getItem("key");
if(data){
    // here you change dropdown value.
}

---

您可以选择是否要删除localStorage中的值，以便在下一页刷新时将其清除。

如果要在刷新web后保存值，则必须使用cookies或localStorage，然后使用新值设置此变量

您可以在js文件中使用全局变量，而不是使用ajax“刷新”传统刷新

COOKIE

var data = localStorage.getItem("key");
if(data){
    // Code
}

设置cookie

$.cookie("example", "foo"); // Sample 1 

$.cookie("example", "foo", { expires: 7 }); // Sample 2 

$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

console.log( $.cookie("example") );

$.removeCookie("example");

买块饼干

$.cookie("example", "foo"); // Sample 1 

$.cookie("example", "foo", { expires: 7 }); // Sample 2 

$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

console.log( $.cookie("example") );

$.removeCookie("example");

删除cookie

$.cookie("example", "foo"); // Sample 1 

$.cookie("example", "foo", { expires: 7 }); // Sample 2 

$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

console.log( $.cookie("example") );

$.removeCookie("example");

本地存储

var data = localStorage.getItem("key");
if(data){
    // Code
}

---

如果要在刷新web后保存值，必须使用cookies或localStorage，然后使用新值设置此变量

您可以在js文件中使用全局变量，而不是使用ajax“刷新”传统刷新

COOKIE

var data = localStorage.getItem("key");
if(data){
    // Code
}

设置cookie

$.cookie("example", "foo"); // Sample 1 

$.cookie("example", "foo", { expires: 7 }); // Sample 2 

$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

console.log( $.cookie("example") );

$.removeCookie("example");

买块饼干

$.cookie("example", "foo"); // Sample 1 

$.cookie("example", "foo", { expires: 7 }); // Sample 2 

$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

console.log( $.cookie("example") );

$.removeCookie("example");

删除cookie

$.cookie("example", "foo"); // Sample 1 

$.cookie("example", "foo", { expires: 7 }); // Sample 2 

$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

console.log( $.cookie("example") );

$.removeCookie("example");

本地存储

var data = localStorage.getItem("key");
if(data){
    // Code
}