Comment conserver la valeur du formulaire après l'actualisation du navigateur?

Question

J'ai un simple JSP ayant quatre boutons (Button1, Button2, Button3 et Button4).

La valeur du bouton définie dans le champ masqué lorsque je clique sur le bouton.

Je dois obtenir la dernière valeur de clic sur le bouton après avoir actualisé la page (conserver la valeur du bouton).

Quelqu'un pourrait-il m'aider s'il vous plaît?

<script> 
    function one(tab){ 
     document.getElementById('h').value=tab; 
    } 

    function fun(){ 
     var value =document.getElementById('h').value; 
     alert(value); 
    } 
</script> 

<td> <input type="button" name="Tab1" id="Tab1" value="Table One" onClick="one('1')"/></td> 
<td> <input type="button" name="Tab2" id="Tab2" value="Table Two" onClick="one('2')"/></td> 
<td> <input type="button" name="Tab3" id="Tab3" value="Table Three"onClick="one('3')"/></td> 
<td> <input type="button" name="Tab4" id="Tab4" value="Table four" onClick="fun()"/></td> 

<input type="hidden" name="h" id="h" value=""/> 

Answer 1

Vous pouvez essayer d'utiliser les cookies, par exemple:

function one(tab){ 
    createCookie("savedvar",tab,1); 
} 

puis d'y accéder par: readCookie("savedvar")

En utilisant le code de: http://www.quirksmode.org/js/cookies.html

Answer 2

Il est une bibliothèque très simple pour enregistrer les variables de formulaire. Il vise à les sauvegarder automatiquement afin que vous n'ayez pas à vous préoccuper de la configuration et de l'obtention de valeurs individuelles. Voici le code: https://gist.github.com/zaus/4717416

Il y a aussi une plus vaste bibliothèque ici:

https://github.com/guillaumepotier/Garlic.js

Answer 3

De nos jours, vous pouvez utiliser sessionStorage pour y parvenir. Vous ne souhaitez pas utiliser de cookie car un cookie est partagé entre les différents onglets du navigateur.

sessionStorage est similaire à Window.localStorage, la seule différence est alors que les données stockées dans localStorage n'a pas fixé d'expiration, les données stockées dans sessionStorage est effacé lorsque la session se termine la page. Une session de page dure aussi longtemps que le navigateur est ouvert et survit à des rechargements de pages et à des restaurations. L'ouverture d'une page dans un nouvel onglet ou une nouvelle fenêtre provoquera l'ouverture d'une nouvelle session, qui diffère du fonctionnement des cookies de session.