Попытка сохранить выбор пользователя из выпадающего меню на нескольких страницах

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, и у меня возникают вопросы, получить эту работу. Кажется, он не сохраняет ценность. В идеале мне нужно иметь 2 версии, один из которых использует локальное хранилище, а другой - хранилище сеансов, так как у нас есть внутренние и внешние клиенты с разными потребностями.

Любая помощь очень ценится.

Answer 1

Я хотел бы поближе ознакомиться с localStorage api. Событие запускается каждый раз, когда к хранилищу добавляется новый предмет: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

Это означает, что управление состоянием в браузере через несколько клиентов в автономных/онлайн-режимах с обновлением «на лету» не является тривиальным «здесь позволено мне просто взломать сценарий "проблема.

Полное решение может включать в себя веб-порты для связи с сервером, а также базу данных или кэш памяти в качестве диспетчера состояний для клиентов.

Answer 2

Код, который у вас есть, должен работать. Мне нужно взглянуть на полный код javascript.