2017-05-22 70 views
0

我想按輸入鍵或刷新不重新加載後保持輸入框值的jQuery值。當點擊按鈕,然後設置一個輸入框的值,但當頁面刷新或按回車鍵,然後輸入框值刪除。我使用localStorage,但它不適合我。在按回車鍵或頁面刷新後保持jquery值

這裏是我的html代碼....

<button id="read">set value</button> 
<input type="text" id="value"> 

,這裏是我的jQuery .....

$(function(){ 
     $('#read').on('click', function() { 
      var someVarName = "value"; 
      localStorage.setItem("someVarName", someVarName); 
      var someVarName = localStorage.getItem("someVarName"); 
      $('#value').val(someVarName) 
     }) 
    }); 
+0

控制檯中的任何錯誤?\ –

+0

您是否重定向到同一個域?或重定向發生在不同的網站 –

+0

而不是「someVarName」您可以請提及您在頁面中使用的正確的變量名稱。這可能是一個問題的可能性。 – Virushabadoss

回答

0

下面是工作的代碼。

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type='text/javascript'> 
$(document).ready(function(){ 
     $('#read').on('click', function() { 
      var someVarName = "value"; 
      localStorage.setItem("someVarName", someVarName); 
      var someVarName = localStorage.getItem("someVarName"); 
      $('#value').val(someVarName) 
     }); 
}); 
</script> 
</head> 
<body> 
<button id="read">set value</button> 
<input type="text" id="value"> 
</body> 
</html> 
相關問題