Dynamic form

[Dalixam]

I have been looking at the dynamic form script on (http://javascript.about.com/library/...ldynoforms.htm). It's good and nearly solves my problem but I want to add to it so that there are five new different form input boxes each time I press 'Add Item'.

Can anyone help me out? Also, I am stumped as to how to read values from an array form element using php? I pass the values of this script into php which uses $_POST to extract the form values but all I get is 'multifield' = 'whatever the last value entered was' - where are the other values?

I tried changing this line in the script:

htmlStr += 'Item #' + (i+1) + ' <input type="text" name="multifield" value="' + gFieldValues[i] + '"><br>';

to

htmlStr += 'Item #' + (i+1) + ' <input type="text" name="multifield[]" value="' + gFieldValues[i] + '"><br>';

(added [] to the name), but then the script doesn't work at all.

[jjwxg]

<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload=function test(){
mul=document.getElementsByName("multifield[]");
for(i=0;i<mul.length;i++)
alert(mul[i].value);
}
//-->
</SCRIPT>
<INPUT TYPE="text" NAME="multifield[]" value="aaa">
<INPUT TYPE="text" NAME="multifield[]" value="bbb">
<INPUT TYPE="text" NAME="multifield[]" value="ccc">

[Dalixam]

I'm sorry, but I don't understand that. Is it supposed to help with adding more than one input field or is it meant to help read them back?

[pacman2504]

Hi,

To display extra form fields, amend the //Create the new field section of the code to this:

// Create the new field
	gFieldValues[gFieldValues.length]="";
	gFieldValues[gFieldValues.length]="";
	gFieldValues[gFieldValues.length]="";
	gFieldValues[gFieldValues.length]="";
	UpdateForm();
}

function UpdateForm()
{
	var htmlStr = GetFormHTML();
	if (IE4plus)
	{
		document.all.formlayer.innerHTML = htmlStr;
	}
	else if (NS4)
	{
		document.formlayer.document.open();
		document.formlayer.document.write(htmlStr);
		document.formlayer.document.close();
	}
	else if (NS6)
	{	
		document.getElementById("formlayer").innerHTML = htmlStr;
	}
}

Not sure about the other problem, but I'd like to know how to do this too.

Hope this helps.

[Dalixam]

Thanks But then the input fields end up having the same name, don't they? What if I want the input fields to have different names? Like, each time the button is pressed, a field with the name "Address" and a field with the name "City" is added.