如何在jsp中刷新後保留表單值？

我已經閱讀了關於這個問題的很多主題，但幾乎所有的主題都是在表單提交後如何保留表單的值。但在我的情況下，我不想提交表單。我有3個複選框，並且基於用戶對複選框的選擇，某些值會動態顯示而不會提交頁面。複選框的默認值是chk1val1 chk2vala chk3val1。現在，如果用戶選擇爲chk1val2 chk2val3 chk3val2，那麼即使在用戶刷新頁面之後，我仍想保留用戶完成的選擇。任何指針在這一個？在此先感謝。如何在jsp中刷新後保留表單值？

來源

2014-02-10 Saumil Soni

它不是用戶期望的行爲。用戶將期望刷新將清除這些框。所以，從用戶期望的角度來看，你不應該試圖做到這一點。 – developerwjk

@developerwjk yep我部分同意你的觀點，但我需要這些價值觀才能堅持到底。無論如何檢查我的答案我終於找到了我正在尋找的東西。 –

我終於找到了這個問題的答案。要臨時存儲表單值，我們可以使用Javascript的localStorage。下面是一個例子，說明如何使用它，

<!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>

運行上述代碼並在文本框中鍵入內容。現在，即使頁面被刷新，文本框內的值也會持續存在，即不會改變。

來源

2014-02-12 13:29:24

如何在jsp中刷新後保留表單值？

回答

相關問題