Hola colocolino73 !!!!
Fijate este ejemplo!!! Lo que hace es agregar filas a medida que necesites, o sea vos pedis un minimo de 1 fila y max 10 .. Con este ejemplo podes tener un min de 1 y max depende de la cantidad que agregues !!!!!!!!! Espero te Sirva !!!, Solo le falta la parte donde haces el insert ... Ah este que te mando trabaja sobre la misma pagina, veo que vos mandas los datos a otra pagina !!!
Saludos, Ricardo ...
Código PHP:
<?php
if(isset($_POST['ok'])){
for ($i=1;$i<=$_POST["var_cont"];$i++)
{
echo "Numero de Fila: " ; echo $i; echo "<br>";
echo " Codigo: "; echo $_POST["code_$i"];
echo " Nombre: "; echo $_POST["name_$i"];
echo " Cantidad: "; echo $_POST["cant_$i"];echo "<br>";
}
}
?>
<html>
<head>
<title>PRUEBA AGREGAR FILAS</title>
</head>
<body>
<form id="form" name="form" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" onsubmit="asigna()">
<br>
<table border="1" id="tabla" bordercolor="#FFCC33" cellspacing="1">
<tr colspan="13" align="left">
<td align="center"><font color="1166FF" size="3"><b>EJEMPLO !!!</b></font></td>
</tr>
<tr align="center">
<td valign="top"><input type="button" name="b1" value="[+]" onClick="addRowX()">
<input type="button" name="b2" value="[-]" onClick="borrar()"></td>
<td><font color="blue" size="1">COD</font></td>
<td><font color="blue" size="1">NOMBRE</font></td>
<td><font color="blue" size="1">CANTIDAD</font></td>
</tr>
<tr>
<td> </td>
<td><input type="text" size="4" name="code_1" /></td>
<td><input type="text" size="25" name="name_1"/></td>
<td><input type="text" size="8" name="cant_1"/></td>
<input type="hidden" name="var_cont">
</tr>
</table>
<table border="1" id="tabla_f2" bordercolor="#6B238E" align="center">
<tr>
<td><input type="submit" name="ok" id="ok" value="GUARDAR" /></td>
</tr>
</table>
</body>
</html>
<script language='JavaScript'>
var cont=1;
function addRowX() //Esta la funcion que agrega las filas :
{
cont++;
var indiceFila=1;
myNewRow = document.getElementById('tabla').insertRow(-1);
myNewRow.id=indiceFila;
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<td><input type="text" size="4" name="code_'+cont+'" /></td>';
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<input type="text" size="25" name="name_'+cont+'"/>';
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<input type="text" size="8" name="cant_'+cont+'"/>';
indiceFila++;
}
//////////////Borrar() ///////////
function borrar() {
var table = document.getElementById('tabla');
if(table.rows.length > 3)
{
table.deleteRow(table.rows.length -1);
cont--;
}
}
////////////FUNCION ASIGNA VALOR DE CONT PARA EL FOR DE MOSTRAR DATOS ////////
function asigna()
{
valor=document.form.var_cont.value=cont;
//alert('funcion asigna, valor cont:'+valor)
}
</script>