嘗試從多個頁面的下拉菜單中保留用戶選擇

Question

因此，我為知識管理頁面編寫了一個腳本，該腳本允許用戶從下拉菜單中的狀態列表中進行選擇，並且頁面上的內容適合於所選的狀態。

<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>

等等...大約有22個州。 我需要做的是保留域中頁面之間用戶的選擇。 到目前為止我嘗試過的是：

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

我對JS相當陌生，並且在使它起作用方面遇到問題。 它似乎沒有保留價值。 理想情況下，我需要兩個版本，一個使用本地存儲，一個使用會話存儲，因為我們內部和外部客戶的需求不同。

任何幫助是極大的贊賞。

Answer 1

我將仔細研究localStorage api。 每當有新項目添加到存儲時，都會觸發一個事件： https : //developer.mozilla.org/zh-CN/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

話雖這么說，在離線/在線模式下的多個客戶端的瀏覽器中，具有即時更新的狀態管理並不是一個瑣碎的“在這里，讓我隨便編寫一個腳本”問題。

完整的解決方案可能包括用於服務器通信的websocket和充當客戶端狀態管理器的數據庫或內存中的緩存。

Answer 2

您擁有的代碼應該可以工作。 我需要看完整的javascript代碼。