Related items

Passing data from one form to another- source

You are here: irt.org | Articles | JavaScript | Form | Passing data from one form to another [ previous next ]

Published on: Saturday 14th February 1998 By: Martin Webb

input.htm

<HTML>
<HEAD>

</HEAD>

<BODY>

<FORM NAME="formname" ACTION="output.htm">
<TABLE><TR><TD>Text</TD><TD><INPUT TYPE="TEXT" NAME="textname">
</TD></TR><TR><TD>Textarea</TD><TD><TEXTAREA NAME="textareaname"></TEXTAREA>
</TD></TR><TR><TD>Password</TD><TD><INPUT TYPE="PASSWORD" NAME="passwordname">
</TD></TR><TR><TD>Select</TD><TD><SELECT NAME="selectname">
<OPTION VALUE="0">First Choice
<OPTION VALUE="1">Second Choice
<OPTION VALUE="2">Third Choice
</SELECT>
</TD></TR><TR><TD>Multiple Select</TD><TD><SELECT MULTIPLE NAME="multipleselectname">
<OPTION VALUE="0">First Choice
<OPTION VALUE="1">Second Choice
<OPTION VALUE="2">Third Choice
</SELECT>
</TD></TR><TR><TD>Checkbox</TD><TD><INPUT TYPE="CHECKBOX" NAME="checkboxname">
</TD></TR><TR><TD>Radio</TD><TD><INPUT TYPE="RADIO" NAME="radioname" VALUE="0" onClick="0"><INPUT TYPE="RADIO" NAME="radioname" VALUE="1" onClick="0">
</TD></TR><TR><TD>Hidden</TD><TD><INPUT TYPE="HIDDEN" NAME="hiddenname" VALUE="hidden value">
</TD></TR></TABLE>
<INPUT TYPE="SUBMIT">
<INPUT TYPE="RESET">
</FORM>

<A HREF="index.htm" TARGET="_top">Return</A>

</BODY>
</HTML>

Return

output.htm

<HTML>
<HEAD>

</HEAD>

<BODY>

<FORM NAME="formname">
<TABLE><TR><TD>Text</TD><TD><INPUT TYPE="TEXT" NAME="textname">
</TD></TR><TR><TD>Textarea</TD><TD><TEXTAREA NAME="textareaname"></TEXTAREA>
</TD></TR><TR><TD>Password</TD><TD><INPUT TYPE="PASSWORD" NAME="passwordname">
</TD></TR><TR><TD>Select</TD><TD><SELECT NAME="selectname">
<OPTION VALUE="0">First Choice
<OPTION VALUE="1">Second Choice
<OPTION VALUE="2">Third Choice
</SELECT>
</TD></TR><TR><TD>Multiple Select</TD><TD><SELECT MULTIPLE NAME="multipleselectname">
<OPTION VALUE="0">First Choice
<OPTION VALUE="1">Second Choice
<OPTION VALUE="2">Third Choice
</SELECT>
</TD></TR><TR><TD>Checkbox</TD><TD><INPUT TYPE="CHECKBOX" NAME="checkboxname">
</TD></TR><TR><TD>Radio</TD><TD><INPUT TYPE="RADIO" NAME="radioname" VALUE="0"><INPUT TYPE="RADIO" NAME="radioname" VALUE="1">
</TD></TR><TR><TD>Hidden</TD><TD><INPUT TYPE="HIDDEN" NAME="hiddenname" VALUE="hidden value">
</TD></TR></TABLE>
<INPUT TYPE="SUBMIT">
<INPUT TYPE="RESET">
</FORM>

<SCRIPT LANGUAGE="JavaScript"><!--
function replace(string,text,by) {
    // Replaces text with by in string
    var i = string.indexOf(text), newstr = '';
    if ((!i) || (i == -1))
        return string;
    newstr += string.substring(0,i) + by;
    if (i+text.length < string.length)
        newstr += replace(string.substring(i+text.length,string.length),text,by);
    return newstr;
}

var passed = replace(replace(location.search.substring(1),"+"," "),"=","&");

function split(string,text) {
    var strLength = string.length, txtLength = text.length;
    if ((strLength == 0) || (txtLength == 0)) return;
    var i = string.indexOf(text);
    if ((!i) && (text != string.substring(0,txtLength))) return;
    if (i == -1) {
        splitArray[splitIndex++] = string;
        return;
    }
    splitArray[splitIndex++] = string.substring(0,i);
    if (i+txtLength < strLength)
        split(string.substring(i+txtLength,strLength),text);
    return;
}

//--></SCRIPT>

<SCRIPT LANGUAGE="JavaScript1.1"><!--
function split(string,text) {
    splitArray = string.split(text);
    splitIndex = splitArray.length;
}
//--></SCRIPT>

<SCRIPT LANGUAGE="JavaScript"><!--
var splitIndex = 0, splitArray = new Object();

split(passed,'&');

for (var i=0; i < splitIndex; i=i+2) {
    if (splitArray[i] == 'textname')
        document.formname.textname.value = unescape(splitArray[i+1]);
    if (splitArray[i] == 'textareaname')
        document.formname.textareaname.value = unescape(splitArray[i+1]);
    if (splitArray[i] == 'passwordname')
        document.formname.passwordname.value = unescape(splitArray[i+1]);
    if (splitArray[i] == 'selectname')
        document.formname.selectname.selectedIndex = splitArray[i+1];
    if (splitArray[i] == 'multipleselectname')
        document.formname.multipleselectname.options[splitArray[i+1]-0].selected = true;
    if (splitArray[i] == 'checkboxname')
        document.formname.checkboxname.checked = true;
    if (splitArray[i] == 'radioname')
        document.formname.radioname[splitArray[i+1]].checked = true;
}
//--></SCRIPT>

<A HREF="index.htm" TARGET="_top">Return</A>

</BODY>
</HTML>

Return

Related items

Chapter 6: Beginning JavaScript

Controlling Data Entry Using Form Fields

Form Image Button Fields

Creating 'Encoded' Name & Value Pairs

Disabling form elements

Addressing Form Field Validation with Regular Expressions and JavaScript 1.2

Dynamic Dropdown Menus

Form Tricks

Dropdown Menus #3

Check Boxes and Radio Buttons