www.webdeveloper.com
Results 1 to 6 of 6

Thread: Displaying variables from form on previous page

  1. #1
    Join Date
    Feb 2011
    Posts
    7

    Unhappy Displaying variables from form on previous page

    I'm really new to Javascript and Html I'm afraid, but I have a page which contains various form elements and at the end of the page is a link to another page. I'm using

    <form method="get" name="form1" action="Outcome.htm">

    on the first page
    and I've got the following code on the second page...

    function GetVars()
    {
    var dl = document.location;
    var qs = dl.split("?")[1];
    var elements = qs.split("&");
    for(var a = 0; a < elements.length; a++)
    {
    try{document.getElementById(elements.split("=")[0]).value = elements.split("=")[1];}catch(ex){}
    }
    }

    Now my question is, how do I get any of the elements from the previous page to show on this page? For example, two of the fields within the form are:-

    <input type="hidden" name="outcome" id="$$outcome$$" value="101" />
    <input name="number" type="text" id="$$cbno$$" size="30" maxlength="25" />

    I don't want to edit the fields on the second page, just display them.

    Many thanks in advance...

  2. #2
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    Try this on your second page:
    Code:
    <input type="text" name="outcome" id="$$outcome$$" value="101" readonly="readonly" />
    <input name="number" type="text" id="$$cbno$$" size="30" maxlength="25" readonly="readonly" />

  3. #3
    Join Date
    Feb 2011
    Posts
    7
    Many thanks for this, but the first line just always puts the outcome as 101 (and I want it to show whatever was entered from the previous page)
    and the second line doesn't show anything at all....

  4. #4
    Join Date
    Nov 2002
    Location
    Flint, Michigan, USA
    Posts
    593
    My variable names are different from yours, but I use this to make sure that I'm sending what I think I'm sending. Then I work on the output:
    Code:
    Pars=par.split(/[&;]/);
    for (ix1=0; ix1< Pars.length; ix1++) {
      Par1=Pars[ix1];
      Par1=unescape(Par1);
      Par1=Par1.replace(/\+/g,' ');
      Items=Par1.split(/=/);
      if (!Items[1]) { Items[1]='-null-'; }
      Out ='';
      Out+=Items[0]+'='+Items[1]
      alert(Out);
    }
    Please give me a hand at http://www.gofundme.com/bkzr98.

  5. #5
    Join Date
    Feb 2011
    Posts
    7
    I'm getting confused, it's just the lines of code that actually display the variables that I've brought across that I need....

  6. #6
    Join Date
    Nov 2002
    Location
    Flint, Michigan, USA
    Posts
    593
    Please ignore my last reply. I didn't have a copy of your code when I wrote my response, and I misunderstood your problem. Sorry.

    I made three changes to your code and it seems to work. The form fields' "name" and "id" values should match. The dl variable has to be forced to be a string. The "try..." line needed the "[a]" after each "elements" item. Try this:
    Code:
    <input type="text" name="outcome" id="outcome" value="101" />
    <input type="text" name="number" id="number" size="30" maxlength="25" />
    function GetVars()
    {
      var dl = document.location;
      dl=String(dl);
      var qs = dl.split("?")[1];
      var elements = qs.split("&");
      for(var a = 0; a < elements.length; a++)
      {
        try{document.getElementById(elements[a].split("=")[0]).value = elements[a].split("=")[1];}catch(ex){}
      }
    }
    Please give me a hand at http://www.gofundme.com/bkzr98.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles