I am trying to access the data contained in dynamically created table rows through the query string. Unfortunately, a submit() doesn't seem to be adding the dynamically created rows to the form data. Any ideas why or how to get around this? Also, for clarity's sake i eliminated the actual data from the table cells. On my actual page I have select boxes within the table cells, but those values are appended in the query string fine for the existing(not dynamically created) table cells.
here is a sample of my code:
<html>
<script language=javascript>
var counter=5;
function newOne() {
mynewrow = document.all.myTable.insertRow();
mynewrow.insertCell();
mynewrow.insertCell();
mynewrow.insertCell();
mynewrow.cells(0).innerHTML = "<td>x</td>";
mynewrow.cells(1).innerHTML = "<td>y</td>";
mynewrow.cells(2).innerHTML = "<td>z</td>";
counter++;
}
function delRow(){
document.all.myTable.deleteRow();
counter--;
}
function checker(){
poster.submit();
}
</script>
<body>
<form name=poster id=poster method=get>
<table id=myTable name=myTable border="1" onload=javascript:setTable()>
<tr><th>Location</th><th>Department</th><th>Direction</th></tr>
<tr>
<td>x</td>
<td>y</td>
<td>z</td>
</tr>
<tr>
<td>x</td>
<td>y</td>
<td>z</td>
</tr>
<tr>
<td>x</td>
<td>y</td>
<td>z</td>
</tr>
<tr>
<td>x</td>
<td>y</td>
<td>z</td>
</tr>
</table>
<input type=button name=Update value=Update onclick=javascript:checker()>
</form>
<a href="javascript:newOne()">Add Row</a>
<a href="javascript:setTable()">Reset</a>
<a href="javascript:delRow()()">Delete Last Row</a>
</body>
</html>
here is a sample of my code:
<html>
<script language=javascript>
var counter=5;
function newOne() {
mynewrow = document.all.myTable.insertRow();
mynewrow.insertCell();
mynewrow.insertCell();
mynewrow.insertCell();
mynewrow.cells(0).innerHTML = "<td>x</td>";
mynewrow.cells(1).innerHTML = "<td>y</td>";
mynewrow.cells(2).innerHTML = "<td>z</td>";
counter++;
}
function delRow(){
document.all.myTable.deleteRow();
counter--;
}
function checker(){
poster.submit();
}
</script>
<body>
<form name=poster id=poster method=get>
<table id=myTable name=myTable border="1" onload=javascript:setTable()>
<tr><th>Location</th><th>Department</th><th>Direction</th></tr>
<tr>
<td>x</td>
<td>y</td>
<td>z</td>
</tr>
<tr>
<td>x</td>
<td>y</td>
<td>z</td>
</tr>
<tr>
<td>x</td>
<td>y</td>
<td>z</td>
</tr>
<tr>
<td>x</td>
<td>y</td>
<td>z</td>
</tr>
</table>
<input type=button name=Update value=Update onclick=javascript:checker()>
</form>
<a href="javascript:newOne()">Add Row</a>
<a href="javascript:setTable()">Reset</a>
<a href="javascript:delRow()()">Delete Last Row</a>
</body>
</html>
;