2016-02-05 43 views
1

因此,我編寫了知識管理頁面的腳本,該腳本允許用戶從下拉菜單中的狀態列表中進行選擇,以及頁面是根據所選國家而定製的。嘗試從多個頁面的下拉菜單中保留用戶選擇

<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,和我有得到這個工作的問題。它似乎沒有保留價值。理想情況下,我需要有2個版本,一個使用本地存儲,另一個使用會話存儲,因爲我們擁有不同需求的內部和外部客戶。

任何幫助,非常感謝。

回答

0

我會仔細看看localStorage api。有每當一個新的項目被添加到存儲觸發的事件:https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

話雖這麼說,在離線/在線模式跨多個客戶端的瀏覽器上即時更新狀態管理不是一個簡單的「在這裏讓我只是煽動劇本「的問題。

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

0

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

相關問題