ブラウザを更新した後でフォームの値を保持するにはどうすればよいですか？

Question

4つのボタン（Button1、Button2、Button3、Button4）を持つ簡単なJSPがあります。

ボタンをクリックすると、ボタンの値が非表示フィールドに設定されます。

ページを更新した後に最新のボタンクリック値を取得する必要があります（ボタン値を保持します）。

誰でもお手伝いできますか？

<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

次の例のように、クッキーを使用してみてください：

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

をしてからで、それをアクセス：http://www.quirksmode.org/js/cookies.html

Answer 2

があります：からのコードを使用してreadCookie("savedvar")

フォーム変数を保存するための非常に単純なライブラリです。自動的に保存することを目的としているため、個々の値の設定や取得を心配する必要はありません。ここでは、コードは次のとおりです。 https://gist.github.com/zaus/4717416

こちらより包括的なライブラリもあります：

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

Answer 3

今日では、あなたがこれを達成するためにsessionStorageを使用することができます。 Cookieはブラウザのタブ間で共有されるため、Cookieを使用しないでください。

のsessionStorageはWindow.localStorageと同様であるが、唯一の違いは、のlocalStorageに格納されたデータがない期限が設定されていない間ページ・セッションが終了したとき、のsessionStorageに格納されたデータがクリアされますです。ページセッションは、ブラウザが開いている間は続き、ページの再読み込みとリストアを繰り返します。 新しいタブまたはウィンドウでページを開くと、新しいセッションが開始されます。はセッションクッキーの動作と異なります。