|
Posted by Brad Everman on 09/22/06 20:15
I have an HTML form that passes arrays of values to PHP. Basically, each
row of the form tracks three separate values for processing. I have a JS
program that will dynamically add (or delete) rows to the form per the
user. The problem is that these values are not passed when the form is
submitted. If I hardcode the rows it works fine, so I know the processing
code isn't the problem. My question is how can I dynamically add form rows
via JS and have their values passed when the form is submitted? I
attempted something like $_POST["document.something"] but that did not
work.
<SNIP>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Add/Remove child: Javascript</title>
<script type="text/javascript">
<!--
function addEvent()
{
var ni = document.getElementById('myDiv');
var numi = document.getElementById('theValue');
var num = (document.getElementById("theValue").value -1)+ 2;
//numi.value = num;
var divIdName = "my"+num+"Div";
var newdiv = document.createElement('div');
newdiv.setAttribute("id",divIdName);
newdiv.innerHTML = "Page Number: <input type=\"text\"
name=\"pageNumber[]\"><br /><br />Paragraph Number: <input type=\"text\"
name=\"paragraphNumber[]\"><br /><br />Instructions: <textarea
name=\"instruction[]\" rows=\"5\" cols=\"80\"></textarea><br /><input
type=submit value=\"Remove\"onclick=\"removeEvent(\'"+divIdName+"\')\"><br
/><br />";
ni.appendChild(newdiv); }
function removeEvent(divNum)
{
var d = document.getElementById('myDiv');
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
}
//-->
</script>
</head>
<body>
<input type=submit value="Add Row" id="theValue"
onclick="addEvent();">
<div id="main">
<form>Page Number: <input type=\"text\"
name=\"pageNumber[]\"><br /><br />Paragraph Number: <input type=\"text\"
name=\"paragraphNumber[]\"><br /><br />Instructions: <textarea
name=\"instruction[]\" rows=\"5\" cols=\"80\"></textarea>
<div id="myDiv"> </div>
</form>
</body>
</html>
</SNIP>
[Back to original message]
|