How to use Form Results within same page

**murphy903** · 08-16-2007, 03:03 PM

I want to have a form at the top of my webpage that prompts the visitor to enter in their first name, last name and choose gender from a drop down box. I know how to create the form. What I don't know how to do is, 'how do I use the visitor's input info (results) in the text below the form?' I know it must be an easy task but I am a pre-novice. Thanks in advance for your help.

**mschutte** · 08-17-2007, 08:37 PM

Let me see if I follow you correctly.
You want to create a message at the bottom of the html page with the value of the first name text box, last name and the gender of the drop down.
ok do this...

HTML Code:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
 function CreateMsg() {
  var MsgDOM = document.getElementById("MSG");
MsgDOM.innerHTML = "Hello, " + document.forms[0].FNAME.value  + " " + document.forms[0].LNAME.value  + ". You're sex is " + document.forms[0].GENDER.value;
 }
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="DUH">
<INPUT TYPE=TEXT NAME=FNAME>
<INPUT TYPE=TEXT NAME=LNAME>
<SELECT NAME="GENDER">
<OPTION VALUE="Male">Male</OPTION>
<OPTION VALUE="Female">Female</OPTION>
</SELECT>
<BR><BR>
<A HREF="javascript:CreateMsg();">Create Message</A>
<BR><BR>
<SPAN ID="MSG">&nbsp;</SPAN>
</FORM>
</BODY>
</HTML>

This is just off the top of my head, hasn't been tested.

CHANGE: I have tested this, and it works.

**murphy903** · 08-20-2007, 08:41 AM

That is exactly what I want. One more question though. How do I eliminate the gender part. I've decided that I don't need that part.

What I ultimately want to accomplish is, after they've entered their first and last names, further down in the text, I want the following
to appear as personal affirmations.

Michael Murphy possesses personal power now.
Michael, you can be, do and have anything your heart desires.
Michael Murphy is designed for awesome accomplishment, engineered
for amazing success and empowered with the seeds of greatness.
Michael, you possess the power to choose your destiny now.

Thank you so much.

Michael Murphy

**mschutte** · 08-20-2007, 10:46 AM

Murphy,
that should be a simple change. Take a look at the CreateMsg() function and modify it just how you want it.

**cautaro** · 08-23-2007, 03:22 PM

To help you out I have changed the code so that the gender part is no longer there:

Code:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
 function CreateMsg() {
  var MsgDOM = document.getElementById("MSG");
MsgDOM.innerHTML = "Hello, " + document.forms[0].FNAME.value  + " " + document.forms[0].LNAME.value;
 }
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="DUH">
<INPUT TYPE=TEXT NAME=FNAME>
<INPUT TYPE=TEXT NAME=LNAME>
<BR><BR>
<A HREF="javascript:CreateMsg();">Create Message</A>
<BR><BR>
<SPAN ID="MSG">&nbsp;</SPAN>
</FORM>
</BODY>
</HTML>

**hazhood** · 02-17-2010, 03:45 PM

This is very helpful. I have a slightly different task I'm trying to accomplish. How do I get the results of a form to be part of a hyperlink.

enter username: "sample" (user enters sample into form)

then press (enter,input,go to, etc)

sends them to http://www.howto.com/sample

where "sample" is the result of the form

Thread: How to use Form Results within same page

Thread Tools

Related

search results to be displayed in new page Forum: PHP Forum

Passing results of script in one form to another. Forum: Javascript Forum

required form fields in php page using redirect.php form Forum: PHP Forum

Form Results Processing Forum: Website Scripts Forum

overwrite results on submit form Forum: HTML Forum

How to use Form Results within same page

Re: How to use Form Results within same page

Re: How to use Form Results within same page

Re: How to use Form Results within same page

Re: How to use Form Results within same page

Form as part of a hyperlink

Tags for this Thread

Cloudjiffy- PaaS for Developers