how to get the old value of the text input after refreshing the page in jquery?

Question

Html code index.html this is my html code here i just put the button and a text input.i want to get the text input value there on the page even we refresh it(means that old vaue remains there on the page)

<div id="result">div</div> 
<input type="text" id="tt" />
<button id="btn" onClick="calls()">submit</button>

here is the script code ,i am using this code for the local storage but it doesnot work after the page refreshing.

function calls()
{
if(typeof(Storage)!=="undefined")
  {


  localStorage.lastname=document.getElementById("tt").value; ;
  document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
  }
else
  {
  document.getElementById("result").innerHTML="Sorry, your browser does not support web     storage...";

  }}

Do you want to show text directly after refresh? Or you wanto show it as autocoomplete? — Bhushan Firake, Jun 11 '13 at 15:30
if you are reloading the page again then jquery won't help here to retrieve old values. you need a form or something that will hold the old values after refresh. — Bhushan Kawadkar, Jun 11 '13 at 15:30

score 1 · Answer 1 · answered Jun 11 '13 at 15:36

1

If you use jquery then you can access local storage easily like this

localStorage["check"] = 1;

After refreshing page you will get same value

alert(localStorage["check"]);

answered Jun 11 '13 at 15:36

commit

4,777
15
43
70

score 0 · Answer 2 · edited May 23 '17 at 10:27

Yes, loading the file locally means that it doesn't have an origin. Since localStorage is uses the same-origin policy to determine access to stored data, it is undefined what happens when you use it with local files, and likely that it won't be persisted.

You will need to host your file on a web server in order to have a proper origin; you can just run Apache or any other server locally and access it via localhost.

Taken from: localStorage doesn't retrieve values after page refresh

score 0 · Answer 3 · answered Jun 12 '13 at 14:31

If you're already using jQuery, I'd be tempted to suggest using cahartl's jquery cookie plugin - we've been using it in work for small educational activities where students would need to switch between pages, for example, and it works really well.

GitHub link

how to get the old value of the text input after refreshing the page in jquery?

3 Answers3