crear array con form dinamico

siguiendolaluna · #1 (**permalink**) 20/03/2013, 12:32

Hola muchachos, recurro a ustedes nuevamente para poder solucionar un problema, tengo una pagina llamada ventas.php la cual tiene una caja de testo y un boton con una funcion en jquery y ajax la cual cosulta a otra pagina y segun esa consulta agrega la informacion en el form
ventas.php

Código PHP:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link href="../css/malvi.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div class="container">
    <div class="header">ADMINISTRACION PAPELERA</div>
    <div class="content">
 <table width="70%" border="0" cellspacing="0" cellpadding="0" align="center">
   <tr>
    <td>&nbsp;</td>
    <td style="text-align:center; font-size:18px; color:#C30"><br />VENTA<br /><br /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td style="text-align:center">Ingrese Codigo</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td></td>
    <td style="text-align:center"><input autofocus type="text" name="buscar" id="buscar" style="width:250px; vertical-align:middle; height:30px; font-size:30px; font-family:'Lucida Console', Monaco, monospace"></td>
    <td><img src="../img/lupa.gif" align="top" width="50" height="50" onClick="agregar();"  /></td>
  </tr>
</table>
<form action="boleta.php" method="post" enctype="multipart/form-data" name="venta" id="venta">
 <table id="ventas" width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>Nombre</td>
    <td>Precio</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td><input name="Imprimir Boleta" value="Imprimir Boleta" type="submit"></td>
  </tr>
</table>
 
</form>
 
</div>
</div>
<script type="text/javascript" src="../include/jquery.js"></script>
<script type="text/javascript" src="../include/jquery.min.js"></script>
<script type="text/javascript">
 
 
function agregar()
{
    var objnom = $("#buscar").val();
    $.ajax({
        type: "POST",
        url: "code_agregar.php",
        data: "nombre= "+ objnom,
        dataType:"json",
        success: function(data){
        $("#ventas").append('<tr id="venta' + data.id +'"><td><input type="hidden" size="5" id="id' + data.id + '"  name="id' + data.id + '" value="id' + data.id +'" /></td><td><input type="text" size="100" id="nombre' + data.id + '"  name="nombre' + data.id+ '" value="' + data.nombre +'" readonly /></td><td><input type="text" size="5" id="precio' + data.id + '"  name="precio' + data.id + '" value="' + data.precio + '" readonly /></td><td><input type="text" size="5" id="cantidad' + data.id + '"  name="cantidad' + data.id + '" value=""  /></td></tr>');},
        error: function(jqXHR,textStatus,errorThrown){
            alert(textStatus);
        }
    }); 
}
</script>
</body>
</html>

eso funciona perfecto, lo que necesito es una forma de llevarme todo esos input del form que se van agregando, puede ser 1 o 100 por ejemplo para en otro php sumarlos y crear una boleta de pago

maycolalvarez · #2 (**permalink**) 20/03/2013, 12:39

recuerda que si añades corchetes a los NAME, php los lee como arrays

te recomiendo NO usar espacios en blanco en NAME, y todo en minusculas, al final el usuario nunca ve (ni le interesa) el atributo NAME

recomiendo:

name="imprimir_boleta[]"

siguiendolaluna · #3 (**permalink**) 21/03/2013, 07:17

quisiera saber como puedo hacer para sumar los input dinamicos en un input

maycolalvarez · #4 (**permalink**) 21/03/2013, 13:10

Cita:

Iniciado por siguiendolaluna

quisiera saber como puedo hacer para sumar los input dinamicos en un input

hay muchas formas de hacerlo, como por ejemplo con getElementsByTagName, con ciclos y depende de como declares el ID de cada input, el cual en el caso de JS se recomienda que sea único, no como el NAME