Formulario en JScript Tengo una base de datos que almacena ventas con las columnas NumeroVenta, CodigoProducto, Cantidad y Mtotal (MontoTotal).
Cada NumeroVenta puede tener diferentes CodigoProducto, Cantidad y Mtotal.
Yo cree un php que me permite modificar una venta especifica. Para esto, crea una tabla con un <input class="boton"..../> en cada celda y con un value inicial igual al de la Base de datos de la forma
Código PHP:
$i = 1;
echo "<table id='myTable' border='1'>";
echo "<tr>";
echo "<td>CodigoProducto</td><td>Cantidad</td><td>MontoTotal</td>";
while($row1=mysql_fetch_array($comprobar))
{
echo "<tr>";
echo "<td><input class='boton' type='text' value =".$row1['CodigoProducto']." name='CodProd".$i."' id='CodProd".$i."'/></td><td><input class='boton' type='text' value =".$row1['Cantidad']." name='CantProd".$i."' id='CantProd".$i."'/></td><td><input class='boton' type='text' value =".$row1['Mtotal']." name='MtotalProd".$i."' id='MtotalProd".$i."'/></td>";
$i++;
echo "</tr>";
}
echo "</table>";
El problema comienza cuando creo don botones con JavaScript que me permiten agregar o eliminar filas de la tabla, pues los datos que ingreso en las nuevas filas, no se envían a la pagina siguiente. Los botones funcionan asi:
Código PHP:
<input type='button' onclick="myCreateFunction()" value='Agregar Producto'/>
<input type='button' onclick="myDeleteFunction()" value='Borrar Producto'/></br>
<script>
<?php
echo " var contador = $i;";
?>
function myCreateFunction()
{
var table = document.getElementById("myTable");
{
var row = table.insertRow(contador);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = "<input class='boton' type='text' name='CodProd"+ contador+"' id='CodProd"+ contador+"'/>";
cell2.innerHTML = "<input class='boton' type='text' name='CantProd"+ contador+"' id='CantProd"+ contador+"'/>";
cell3.innerHTML = "<input class='boton' type='text' name='MtotalProd"+ contador+"' id='MtotalProd"+ contador+"'/>";
}
contador ++;
var elem = document.getElementById("Total");
elem.value = contador;
}
function myDeleteFunction()
{
contador--;
document.getElementById('myTable').deleteRow(contador);
var elem = document.getElementById("Total");
elem.value = contador;
}
</script> 
