Problema con formularios y Javascript

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
rrrafa
Recién llegado
Recién llegado
Mensajes: 5
Registrado: Mar Oct 02, 2007 8:54 am

Problema con formularios y Javascript

Mensajepor rrrafa » Mié Jul 23, 2008 11:20 am

Tengo una página con dos tablas: una de Productos, y otra de Pedido. Según haces clic en un producto, se añade a la tabla de Pedido, con javascript; hasta ahí bien. Estas filas de pedido incluyen un campo de texto para la cantidad, otro campo oculto para el código de producto, y un botón para eliminar la fila. El problema viene al hacer el submit del formulario (por POST), y es que no me envía los campos que se generan con Javascript (los que se generan al cargar la página sí los envía correctamente). Estoy usando PHP y jQuery.
Lo que tengo hecho es algo así:

Código: Seleccionar todo

<?php
 
    //Consultas a la BD
?>
 
<html>
<head>
    [...]
 
        <script type="text/javascript">
            cont = 0;
           [...]
 
            function anyadirFila(codi, prod)
            {
                //Creamos la fila en la tabla Pedidos con el cod y la descripción del artículo   
                $('#tabla_pedidos').tbody.append(
 
                    '<tr id="' + ++cont +'">' +
                    '<td class="valign">' + '<a alt="Eliminar fila" title="Eliminar fila" href="#" onclick="eliminarFila(' + cont + ')">' +
                    '<img src="img/eliminar.png" />'+ '</td>' +
                     '</a>' +
                     '<td>' + codi + '</td>' +
                     '<td>' + '<input type="text" maxlength="8" size="8" name="lin_cant_' + cont + '" />' + '</td>' +
                      '<td>' + prod + '</td>' +
                    '</tr>'
            )
 
            }
 
            [...]
          </script>                                 
 
    </head>
 
    <body>
 
       [...]
 
                      <form id="formulario" name="formulario" method="post" action="procesar_pedido.php">
                          <input type="hidden" name="cab_codcli" value="<?echo $datos_cliente['codcli'];?>" />
 
                         [...]
 
 
                          <iframe id="iframe_productos" src="productos.php?cli=<? echo $cli ?>&lin=0">
 
                          </iframe>
 
                      </div>
                      <div id="pedido">
                             [...]
 
                          <div id="datos" class="overflow">
 
                                  <table id="tabla_pedidos">
                                      <thead>
                                          <th></th>
                                          <th>Cód.</th>
                                          <th>Unidades</th>
                                          <th>Descripción</th>
 
                                      </thead>
                                      <tbody>
 
                                      </tbody>                 
                                  </table>
 
                          </div>
                          <input type="submit" value="Procesar pedido" name="ok" />
                     </form>
 
              [...]
    </body>
</html>

El tema 'visual' sí que me lo hace bien: me añade/quita filas del pedido perfectamente, pero cuando le doy al submit no le llegan los datos:

procesar_pedido.php:

Código: Seleccionar todo

<?
    if (isset $_POST['ok'])
    {
        foreach ($_POST as $clave => $valor)
        {
            echo $clave." ---> ".$valor."<br />";
        }
    }
?>

Sólo me muestra los campos que están en el código, y no los generados por js.

Volver a “Desarrollo web (HTML/CSS/JS, accesibilidad...)”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado