Dynamic input won't submit

[magus]

Hi, there...
I have a form consists of static form and dynamic form.
When I submit the form, only static form submitted but not the dynamic form.
Here's my code:


<form name="form1" method="post" enctype="application/x-www-form-urlencoded" action="UsrTest.asp">
<font color="#003399"><b>
<script language="JavaScript">
<!-- Begin
function addRow(id){
var rows = Number(document.form1.Incr.value);
var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
var row = document.createElement("TR");
row.setAttribute("bgcolor","#dde7ff");
//create input box
var ip1 = document.createElement("INPUT");
ip1.setAttribute("TYPE","TEXT");
ip1.setAttribute("NAME","TETime" + rows);
ip1.setAttribute("size","15");
ip1.setAttribute("class","InputBox");

var ip2 = document.createElement("INPUT");
ip2.setAttribute("TYPE","TEXT");
ip2.setAttribute("NAME","TEEvent" + rows);
ip2.setAttribute("size","75");
ip2.setAttribute("class","InputBox");
//create column
var td1 = document.createElement("TD");
td1.setAttribute("bgcolor","#dde7ff");
td1.setAttribute("align","center");
td1.appendChild(document.createTextNode(rows));
var td2 = document.createElement("TD");
td2.setAttribute("align","center");
td2.appendChild(document.getElementById("form1").appendChild(ip1));
var td3 = document.createElement("TD");
td3.setAttribute("align","center");
td3.appendChild(document.getElementById("form1").appendChild(ip2));
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
tbody.appendChild(row);
document.form1.Incr.value = rows + 1;
}
// End -->
</script>
</b></font>
<table width="90%" border="0" cellspacing="2" cellpadding="1" name="EETime" id="EEtable">
<tr>
<td width="5%" height="20" bgcolor="#CCCCCC">
<div align="center"><font color="#000000"><b>No</b></font></div>
</td>
<td width="12%" height="20" bgcolor="#CCCCCC">
<div align="center"><font color="#000000"><b>Time</b></font></div>
</td>
<td width="55%" height="20" bgcolor="#CCCCCC">
<div align="center"><font color="#000000"><b>Exercise Events</b></font></div>
</td>
</tr>
<tr>
<td width="5%" height="8">
<div align="center">1</div>
</td>
<td width="12%" height="8">
<div align="center">
<input type="text" name="TETime1" size="15" class="testbox" maxlength="8" >
</div>
</td>
<td width="55%" height="8">
<div align="center"><font color="#003399"><b>
<input type="text" name="TEEvent1" size="75" class="testbox">
</b></font> </div>
</td>
</tr>
</table>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="75%">
<div align="left">
<input type="hidden" name="Incr" value="2">
<input type="button" name="btn1" value=" Add Event " class="sbttn" onClick="addRow('EETable')">
<input type="submit" name="Submit" value="Submit">
</div>
</td>
</tr>
</table>
</form>

[skriptor]

Hi,
change

ip1.setAttribute("NAME","TETime" + rows);
ip2.setAttribute("NAME","TEEvent" + rows);

to

ip1.setAttribute("name","TETime" + rows);
ip2.setAttribute("name","TEEvent" + rows);


Your version creates an additional attribut.

Good luck, skriptor

[magus]

Thanx alot skriptor, it's working.
I've been stuck for three days to debug the code.

Thanx.....