Hola a todos! les cuento que es lo que estoy intentando hacer, tengo un formulario donde quiero agregar articulos clickeando en un boton. Con Jquery logre realizar esto que les digo, cada vez que clickeo en el boton, se agrega una fila con los campos que debo completar.
Lo que se me esta complicando ahora, es como hacer para que a la hora de pasar a la siguiente pagina mediante POST pueda levantar las variables de todas las filas, se me ocurrio crear una variable que fuera incrementandose +1 cada vez que hago click y agregar este numero al final del nombre de cada campo, pero no se como hacerlo... Les copio el codigo para ver si pueden ayudarme. Espero que me hayan entendido... Muchas gracias a todos!!
Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pagina de Busqueda</title>
<link href="estilo/estilo.css" media="screen" rel="StyleSheet" type="text/css">
<script src="funciones/jquery.min.js"></script>
<script type="text/javascript">
$(function()
{ var i = 0
$("#agregarconcepto").click(function()
{
i = i +1;
$("#filaarticulo").append("<tr><td>Articulo: <select><option>Flete Terrestre</option><option>Flete Maritimo</option></select></td><td colspan=3>Concepto <input type='text' name='txtconcepto' id='txtconcepto' /> </td><td>Cantidad <input type='text' size=3 name='txtcantidad' id='txtcantidad' /> </td><td>Px. Unitario <input type='text' size=10 name='txtpxunitario' id='txtpxunitario' /> </td><td>Px. Total <input type='text' size=10 name='txtpxtotal' id='txtpxtotal' /> </td></tr>");
});
});
</script>
</head>
<body>
<div class="contenedor">
<form id="" name="" method="post" action="vervariables.php">
<table width=100% border=1 id="filaarticulo">
<tr>
<td>
Articulo:
<select>
<option>Flete Terrestre</option>
<option>Flete Maritimo</option>
</select>
</td>
<td colspan=3>
Concepto <input type="text" name="txtconcepto[]" id="txtconcepto[]" />
</td>
<td>
Cantidad <input type="text" size=3 name="txtcantidad" id="txtcantidad" />
</td>
<td>
Px. Unitario <input type="text" size=10 name="txtpxunitario" id="txtpxunitario" />
</td>
<td>
Px. Total <input type="text" size=10 name="txtpxtotal" id="txtpxtotal" />
</td>
</tr>
</table>
<table width=100% border=1>
<tr>
<td>
<input type="button" id="agregarconcepto" name="agregarconcepto" />
</td>
</tr>
</table>
<input type="submit">
</form>
</div>
</body>
</html>