2016-02-05 59 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代码。