How to pass a variable to a new page and insert it to a textbox?

Question

I am trying to transfer a variable from one page using this code:

<a href="login.html" onclick="NameFunction('asdf');">Edit</a>

to the page login.html, and insert the variable(asdf in this example) to a textbox in the new page.

I have tried this code:

function NameFunction(name) {
    document.getElementById("username").value = name;
}

It is not working. I think it doesn't work because thats another page.

What do you mean "it's another page"? Please show your complete html document. — Bergi, Aug 02 '15 at 16:59

score 1 · Accepted Answer · edited May 23 '17 at 12:21

1

If you want to pass parameters to another page you can put them using query string:

<a href="login.html?param=asdf">Edit</a>

To get parameter on the login.html page you can use jQuery as it described here: Get escaped URL parameter

edited May 23 '17 at 12:21

Community

answered Aug 02 '15 at 17:03

Mikhail Romanov

score 0 · Answer 2 · edited May 23 '17 at 11:51

you can try using localStorage.

In you're onClick method, save the data you want to store in localStorage

localStorage.setItem(key,value);
When the new page loads, in the onLoad (ready function if using jquery) method get the data from localStorage and set it in the textbox

you can find more about localStorage in the following links

and many more are available online

2 Answers2