2014-02-10 4 views
0

Я прочитал много тем, касающихся этой проблемы, но почти все они направлены на то, как сохранить значения формы после отправки формы. Но в моем случае я не хочу подавать форму. У меня есть 3 флажка и на основании выбора флажка пользователем некоторые значения отображаются динамически без отправки страницы. Значения по умолчанию для флажков: chk1val1 chk2vala chk3val1. Теперь, если пользователь делает выбор как chk1val2 chk2val3 chk3val2, то даже после того, как пользователь обновит страницу, я хочу сохранить этот выбор, сделанный пользователем. Любые указатели на этом? Спасибо заранее.Как сохранить значения формы после обновления в jsp?

+1

Не то, что пользователь ожидает. Пользователь будет ожидать, что обновление очистит поля. Итак, с точки зрения ожидания пользователя, вы не должны пытаться это сделать. – developerwjk

+0

@developerwjk yep Я частично согласен с вами, но мне нужно, чтобы значения сохранялись по некоторым причинам. В любом случае, проверьте мой ответ. Наконец я нашел то, что искал. –

ответ

3

Наконец-то я нашел ответ на этот вопрос. Чтобы временно сохранить значения формы, мы можем использовать localStorage Javascript. Ниже приведен пример, который объясняет, как его использовать,

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="js/jquery.js"></script> 
     <script> 
      $(document).ready(function(){ 
       document.getElementById("io").value = localStorage.getItem("item1"); 
      }); 
     </script> 
     <script> 
      $(window).on('beforeunload', function() { 
       localStorage.setItem("item1",document.getElementById("io").value); 
      }); 

     </script> 
    </head> 

    <body> 
     <form> 
      <input type="text" id="io" name="io"> 
      <input type="submit"> 
     </form> 
    </body> 

</html> 

Запустите указанный выше код и введите что-то в текстовое поле. Теперь, даже если страница обновлена, значение внутри текстового поля будет сохраняться, т. Е. Не изменится.

Смежные вопросы