Set Number of Form Elements By Drop-Down List

rsmith

All,
I know the first part of my question isn't PHP-based but the 2nd part is. Firstly, I am creating a form that allows people to get register for cruises. I have a drop down list with numbers 1 - 4 for the # of passengers. What I need to be able to do is have someone choose the number and then have the form show up accordingly with a place for information about each passenger. Any guidance here would be greatly appreciated as I'm sure it's javascript; I'm just not good with the language.

 Secondly, I need to store all the information regardless of how many passengers and pass it to the next page of the form and subsequently onto the processing script. I'll be using sessions to carry the data across the pages but my question is do I just put all the passenger data into an array, called passengers, in the session? I know that to put elements from a form into an array you would do something like:

Name
<input type="text" name="passenger[]">

But if I have multiple elements would I go as far as to do this:

Name
<input type="text" name="passenger['name']">

Location
<input type="text" name="passenger['location']">

 And again, if so, my question lies in putting it into a session and handling multiple passengers.

 I hope this was clear enough to understand.

TIA!

leatherback

Hi,

Below a javascript which I use for such things. You will need to tweak it though...

Of course you can do it in php, but this would require a full or partial (AJAX) submit first.

The script -when invoked, searches for a div with id ingredientroot. In my case this is hidden. It copies it, takes each field out of it, and adds it into the div 'writeroot'. I use it to add a line to an inputform when people need more elements in an recipe website. But I am sure you can work out the logic, and adapt as needed.

var counter = 0;
function moreFields() {
	counter = window.myCounter; // new
	counter++;
	var newFields = document.getElementById('ingredientroot').cloneNode(true);
	newFields.id = '';
	newFields.style.display = 'block';
	var newField = newFields.childNodes;
	for (var i=0;i<newField.length;i++) {
		var theName = newField[i].name
		if(theName)
		  {
		  newField[i].name = theName + '[' + counter+ ']';
		  newField[i].id   = theName + '[' + counter+ ']';
		  }
	}
	var insertHere = document.getElementById('writeroot');
	insertHere.parentNode.insertBefore(newFields,insertHere);
	window.myCounter = counter;
}