xuexue 15 Junior Poster

hi guys, i have this page, add_row.html,
this page dynamically adds another row of inputs as per the user requirements..

<HTML>
<HEAD>
    <TITLE> Add/Remove dynamic rows in HTML table </TITLE>
    <SCRIPT language="javascript">
        function addRow(tableID) 
		{ 
            var table = document.getElementById(tableID); 
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
 
            var cell1 = row.insertCell(0);
            var element1 = document.createElement("input");
            element1.type = "checkbox";
            cell1.appendChild(element1);
 
            var cell2 = row.insertCell(1);
            cell2.innerHTML = rowCount + 1;
 
            var cell3 = row.insertCell(2);
            var element2 = document.createElement("input");
            element2.type = "text";			
            cell3.appendChild(element2);
        }
    </SCRIPT>
</HEAD>
<BODY>
<form action="get_values.php" method="get">
  <TABLE id="dataTable" width="318" border="1">
<TR>
            <TD width="34"><INPUT type="checkbox" name="chk[]" /></TD>
            <TD width="21"> 1 </TD>
            <TD width="166"> <INPUT type="text" name="txt[]"/> </TD>
    </TR>
</TABLE>
  <p><a href="javascript:addRow('dataTable')">add</a> </p>
  <p>
    <input type="submit" name="submit" id="button" value="Submit">
  </p>
</form>
</BODY>
</HTML>

not this one is for the values getting get_value.php,
it gets the value of the 1st row only.

<?php
$submit = $_GET['submit'];
$txtbox = $_GET['txt'];
 
if (isset($submit))
{	
	foreach($txtbox as $a => $b)
		echo "$txtbox[$a]  <br />";
  
}
?>

my question is that, how could i get the values of all the rows
added by the user? since in my code, it only gets the 1st row..
please help me..regards...