Print value of entries using for loop 2

[evergreean]

How do I get the values entered to print out in my alert using a for loop?
Currently it goes through the for loop and prints the literal values. The below will print 3 literals with each fieldname only but not the values:

<script>
function myT()
{
for(var i=1;i<4;i++)
{
   alert("document.tes.firstname"+[i]+".value");
   //The below alert wont alert anything
   //alert(document.tes.firstname[i].value);
}

}

</script>
<form name="tes" method="post" action="actionPage.cfm" onsubmit="return myT();">
<input type="Text" name="firstname1">
<input type="Text" name="firstname2">
<input type="Text" name="firstname3">
<input type="Submit" value="submit">
</form>

The script Pops up 3 alerts with literal field names:
document.tes.firstname1.value
document.tes.firstname2.value
document.tes.firstname3.value

I want it to pop up 3 alerts with each value entered.

 

[kaht]

You should use the forms and elements collections. That will solve your problems.

function myT() {
   for(var i = 1; i < 4; i++) {
      alert(document.[!]forms["tes"].elements["firstname" + i][/!].value);
   }
}

-kaht

_{<P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <.</B>}

 

[theniteowl]

Or to get all the values at once store them into a variable and then output at the end instead of having a bunch of popups.
Here is an example using a modified version of kaht's code above:

function myT() {
  var outstr='';
  for(var i = 1; i < 4; i++) {
    outstr = outstr + document.forms["tes"].elements["firstname" + i].value + '\r\n';
  }
  alert(outstr);
}

Stamp out, eliminate and abolish redundancy!

 

[evergreean]

Thanks for the very quick responses and answers!
It now works.