Naming Dynamic Input Boxes

[Nitestarz]

The following will add an input box on submit everytime a button is clicked. I would like it so that it names the input box differently everytime it is added starting with the number2, for example Student_Firstname2, Student_Firstname3, Student_Firstname4, etc.

 <input name="add_students" type="button" class="submit" onClick="add_student()" value="Add More Students">
 
 
function add_student(){
 
//// Create Labels ////
var label = document.createElement("label");
 
//// Create text ////
var firstname_text = document.createTextNode("First Name: ");
 
//// Create input boxes ////
var StudentFirstname=document.createElement('input') ;
StudentFirstname.type='text';
StudentFirstname.size='45';
StudentFirstname.name='Student_Firstname';
 
//// Append ////
label.appendChild(firstname_text);
document.forms.Registration.appendChild(label);
document.forms.Registration.appendChild(StudentFirstname);
}
 

[iam_clint]

var keep_track=1;
function add_student(){
keep_track++;
 
//// Create Labels ////
var label = document.createElement("label");
 
//// Create text ////
var firstname_text = document.createTextNode("First Name: ");
 
//// Create input boxes ////
var StudentFirstname=document.createElement('input') ;
StudentFirstname.type='text';
StudentFirstname.size='45';
StudentFirstname.name='Student_Firstname'+keep_track;
 
//// Append ////
label.appendChild(firstname_text);
document.forms.Registration.appendChild(label);
document.forms.Registration.appendChild(StudentFirstname);
}
 

[Nitestarz]

Excellent. Thank you!

Is there anyway to get it to print Student3_Firstname instead of like this: Student_Firstname3.

[pbmods]

Heya, Nitestarz.

'Student' + keep_track + '_Firstname'
 

[kovik]

I'd suggest that you just use HTML arrays. It's more organized, and can be easily used upon posting.

[Nitestarz]

Thank you! Works beautifully! :-)