如何在刷新瀏覽器後保留表單值？

我有一個簡單的JSP有四個按鈕（Button1，Button2，Button3和Button4）。如何在刷新瀏覽器後保留表單值？

當我點擊按鈕時，按鈕值被設置到隱藏字段中。

刷新頁面後，我需要獲取最新的按鈕點擊值（保留按鈕值）。

任何人都可以請幫我嗎？

<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=""/>

來源

2009-07-18 Tony

在你正在研究的場景中，你關心的是程序觸發的刷新還是用戶點擊瀏覽器的刷新按鈕？ – Rojo 2009-07-18 18:14:12

以編程方式觸發。 – Tony 2009-07-19 15:18:28

您可以嘗試使用cookie，例如：

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

，然後通過訪問：http://www.quirksmode.org/js/cookies.html

來源

2009-07-18 14:36:49

有：readCookie("savedvar")

從使用代碼一個非常簡單的庫來保存表單變量。它旨在自動保存它們，因此您無需擔心設置和獲取單個值。下面是代碼： https://gist.github.com/zaus/4717416

還有一個更全面的庫位置：

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

來源

2013-12-14 03:43:44 portforwardpodcast

現在你可以使用sessionStorage做到這一點。您不想使用Cookie，因爲Cookie是跨瀏覽器標籤共享的。

sessionStorage與Window.localStorage類似，唯一的區別是當存儲在localStorage中的數據沒有設置過期時，存儲在sessionStorage中的數據在頁面會話結束時被清除。只要瀏覽器處於打開狀態並且在頁面重新加載和恢復時存在，頁面會話就會持續。 在新選項卡或窗口中打開頁面將導致啓動新會話，這與會話cookie的工作方式不同。

來源

2015-07-21 14:47:08 JosiahDaniels

如何在刷新瀏覽器後保留表單值？

回答

相關問題