How do I populate form fields depending on the value of a list box?

Question

Hi,
Can anybody help me out here?
I'm creating a form where I'm needing to populate a number of fields (first name & last name) based on the value of a list box (values are 1,2,3,4,5,6) ie: if 3 is selected 3 sets of the first name and last name fields populate on the page for the user to fill out.
At this stage it is just a prototype site and there is no database running behind it.
Thanks
Hayden

Answer 1

This can only be solved if you have javascript coding skills.  Without knowing more about what you want to do and why, I can only show you a skeleton of how your code should look, but consider this form select field -
<select onchange="populateForm()">
When a value is selected from that list, the "onchange" event will fire, and will call the javascript function called populateForm().  You need to define a function by that name somewhere on the page -
<script type="text/javascript">
//<![CDATA[
function populateForm(value) {
     if value >0 { document.getElementById("fieldID").style.display='block' }
     if value >1 { .... }
     etc.
//]]>
</script>
The page itself would need to have ALL the fields already in the form, but with those that are to be revealed set to a style of display:none.
Obviously, this is a skinny skeleton.  Each test in the function would reveal a new field on the page by changing its display style from "none" (which is how they should be set in the code) to "block".  You would need a separate function for each type of field that might need to be chosen.
If this is well over your head, then I'm afraid you will be out of luck for this particular approach....