Javascript >> Forms >> text/text area field

how to Pass a text field data from one form to another?

Visitor Ratings (11) :

Description

To transfer the contents of the following form to the same form on another page is quite simple.Try the following example.

If we enter some information in the text box and then press enter the browser will load the test2.html file into the browser.he browser passes the name of the form field along with the value of the field as part of location:

http://url/test2.html?name=test&description=testy&password=dd

For the receiving page to access this data, all that is required is to manipulate the search property of the current location. The search property is first stripped of its initial question mark, and then held in passed. The getParm() function is used to return the value of the required parameter contained in passed. The values returned by getParm() are then used to update the formname form fields.

Code

Select All

test.html
============================
<HTML>
<HEAD>

</HEAD>

<BODY>

<FORM NAME="formname" ACTION="test2.html">
<TABLE><TR><TD>Name</TD><TD><INPUT TYPE="TEXT" NAME="name">
</TD></TR><TR><TD>Description</TD><TD><TEXTAREA NAME="description"></TEXTAREA>
</TD></TR><TR><TD>Password</TD><TD><INPUT TYPE="PASSWORD" NAME="password">
</TABLE>
<INPUT TYPE="SUBMIT" value="preview">
<INPUT TYPE="RESET">
</FORM>

</BODY>
</HTML>
========================
test2.html
=========================
<HTML>
<HEAD>

</HEAD>

<BODY>
<h3> you submitted the following</h3>
<FORM NAME="formname">
<TABLE><TR><TD>Name</TD><TD><INPUT TYPE="TEXT" NAME="name">
</TD></TR><TR><TD>Description</TD><TD><TEXTAREA NAME="description"></TEXTAREA>
</TD></TR><TR><TD>Password</TD><TD><INPUT TYPE="PASSWORD" NAME="password">
</TD></TR></TABLE>
<INPUT TYPE="SUBMIT">
<INPUT TYPE="RESET">
</FORM>

<SCRIPT LANGUAGE="JavaScript"><!--
function getParm(string,parm) {
    // returns value of parm from string
    var startPos = string.indexOf(parm + "=");
    if (startPos > -1) {
        startPos = startPos + parm.length + 1;
        var endPos = string.indexOf("&",startPos);
        if (endPos == -1)
            endPos = string.length;
        return unescape(string.substring(startPos,endPos));
    }
    return '';
}

var passed = location.search.substring(1);
document.formname.name.value = getParm(passed,'name');
document.formname.description.value = getParm(passed,'description');
document.formname.password.value = getParm(passed,'password');

//--></SCRIPT>

</BODY>
</HTML>