Dynamic Form Fields

I needed a form for students enrolling in training courses. I couldn't find exactly what I needed out there, so I built my own (borrowing some code from others (credits given in code)). The really important thing was that if, after changing the data, the applicant altered the number of students or hit the back button from the next page, the existing data would not be lost.

Feel free to do whatever with this code, no credit to me required. If you make it better, though, please feel free to e-mail me! Create a form that dynamically changes the number of fields available based on a select list value.




Over 2000+ free Javascript
at JavaScriptBank.com Website
Sampled by JavaScriptBank.com

Student Registration Form

Please choose how many students will be attending below. The name field(s) will automatically be populated with a default value. However, you can still input student names, departments, telephones, and e-mails if you want.

Should you need to book more than 20 students on the same course, please contact nobody.


Student Information:

How many students will be attending? *

Please note that the "Next Page" button, seen after you enter the number of students, is a javascript:sendForm() and is not currently operational. You'll need to supply a destination.