javascript - 选择 onchange 重新加载页面并保留所选选项

我有这个 https://jsfiddle.net/1zqgeq79/2/

这是我用来在更改选择时刷新页面的 jquery，现在我只需要它在页面加载后保留所选选项。

       $('.ProductDetails select').change(function () {
         location.reload();
       });

由于我有多个项目，我知道必须使用 (this)，但我仍在学习 jquery。谢谢您的帮助!

最佳答案

如果您不想在关闭浏览器后保留数据，请使用 sessionStorage 而不是 localStorage。

我用以下代码替换了代码:

var selectedProduct = sessionStorage.getItem("product");
if(selectedProduct != undefined || selectedProduct != null){
    $(".ProductDetails select").first().find(":selected").removeAttr("selected");
  $(".ProductDetails select").find("option").each(function () {
            if ($(this).val() == selectedProduct) {
                $(this).attr("selected", true);
            }
        });
}

$('.ProductDetails select').change(function () {
    sessionStorage.setItem("product", $(".ProductDetails select").first().val());

  location.reload();
});

只需前往:https://jsfiddle.net/1zqgeq79/3/

我只为第一个下拉菜单。

关于javascript - 选择 onchange 重新加载页面并保留所选选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43453532/