Javascript 尝试在多个页面上保留下拉菜单中的用户选择

因此，我为知识管理页面编写了一个脚本，允许用户从下拉菜单中的状态列表中进行选择，页面上的内容根据选择的状态进行定制

<script type="text/javascript">
$(document).ready(function(){
    $("select").change(function(){
        $( "select option:selected").each(function(){
            if($(this).attr("value")=="Arizona"){
                $(".box").hide();
                $(".Arizona").show();
            }
            if($(this).attr("value")=="Arkansas"){
                $(".box").hide();
                $(".Arkansas").show();
            }
        });
    }).change();
});
</script>

我是JS的新手，在如何让它工作方面遇到了一些问题。它似乎没有保留价值。理想情况下，我需要有两个版本，一个使用本地存储，另一个使用会话存储，因为我们有不同需求的内部和外部客户

---

非常感谢您提供的任何帮助。

我将仔细查看

localStorage

api。每当向存储中添加新项时，就会触发一个事件：

也就是说，在离线/在线模式下跨多个客户端的浏览器状态管理以及动态更新不是一个简单的“让我来编写一个脚本”问题

---

一个完整的解决方案可能包括用于服务器通信的WebSocket和充当客户端状态管理器的数据库或内存缓存。

我将更详细地了解一下

localStorage

api。每当向存储中添加新项时，就会触发一个事件：

也就是说，在离线/在线模式下跨多个客户端的浏览器状态管理以及动态更新不是一个简单的“让我来编写一个脚本”问题

---

一个完整的解决方案可能包括用于服务器通信的WebSocket和充当客户端状态管理器的数据库或内存缓存。

您拥有的代码应该可以工作。我需要看看完整的javascript代码

您拥有的代码应该可以工作。我需要看看完整的javascript代码

localStorage.setItem("state", "Arizona");
localStorage.getItem('state');