form content printed in textarea

gabster · Mar 4, 2003

Hi all,

I am in search of a very simple Java Script that would simply print the content of a form that consist mainly of text fields into a textarea all this happening on the SAME page.

Example:

The user input:
Textfield1 Textfield2 Textfield3
Textfield4 Textfield5 Textfield6

(After the user hits SUBMIT the content (value) of those textfields are outputed into a main textarea IN THE SAME PAGE!)

Any idea?

Thanks a lot,
Gabi.

mit99mh · Mar 5, 2003

try this hope it helps.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script>
function populateTextArea(f){

var text = "";
for(var i = 0; i < f.length; i++ ){
var e = f.elements;
if(e.type == "text&quot{
text += e.value + "\n";
}
}
document.g.summary.value = text;
}

</script>

</head>

<body>
<form onsubmit="populateTextArea(this); return false;">
<input name="t1" type="text"><br>
<input name="t2" type="text"><br>
<input type="submit">
</form>

<form name="g" >
<textarea name="summary"></textarea>

</form>

</body>
</html>

gabster · Mar 5, 2003

Thanks a lot...

I copy/pasted the code in a new html, I filled the text fields but nothing happened when I clicked 'Submit'...

Am I missing something?

Thanks again,
Gabi.

mit99mh · Mar 6, 2003

Gabi,

I tested the code in both ie and netscape and if you enter text in the text boxes and submit the text is copied into the text area - to them submit the text area you would need another submit button.

Hope this helps

gabster · Mar 6, 2003

I got it....

Thanks a lot for help!!!

Gabi.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

form content printed in textarea

gabster

Programmer

mit99mh

Programmer

gabster

Programmer

mit99mh

Programmer

gabster

Programmer

Similar threads

Part and Inventory Search

Sponsor