Guardar datos de input text dinamicos

kimmy · #1 (**permalink**) 16/06/2012, 22:29

Hola amigos:

Estoy tratando de guardar unos datos en mysql que se almacenan en input text generados por javascript. El problema es que solo me guarda los datos de la ultima fila.

Cómo puedo hacer para que los almacene todos???

Este es el código que los genera:

Código PHP:

Ver original<html>
<head>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
   
});
 
function agregarFila(obj){
        $("#cant_campos").val(parseInt($("#cant_campos").val()) + 1);
        var oId = $("#cant_campos").val();
        var tipo_contacto = $("#selTipo_contacto").val();
        var persona_contacto = $("#txtPersona_contacto").val();
        var telefonos = $("#txtTelefonos").val();
        var correo_contacto = $("#txtCorreo_contacto").val();
 
        var strHtml1 = "<td>" + tipo_contacto + '<input type="hidden" id="hdnTipo_contacto_' + oId + '" name="hdnTipo_contacto_' + oId + '" value="' + tipo_contacto + '"/></td>';
        var strHtml2 = "<td>" + persona_contacto + '<input type="hidden" id="hdnPersona_contacto_' + oId + '" name="hdnPersona_contacto_' + oId + '" value="' + persona_contacto + '"/></td>' ;
        var strHtml3 = "<td>" + telefonos + '<input type="hidden" id="hdnTtelefonos_' + oId + '" name="hdnTelefonos_' + oId + '" value="' + telefonos + '"/></td>' ;
        var strHtml4 = "<td>" + correo_contacto + '<input type="hidden" id="hdnCorreo_contacto_' + oId + '" name="hdnCorreo_contacto_' + oId + '" value="' + correo_contacto + '"/></td>' ;
        var strHtml5 = '<td><img src="images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'Realmente desea eliminar este detalle?\')){eliminarFila(' + oId + ');}"/>';
        strHtml5 += '<input type="hidden" id="hdnIdCampos_' + oId +'" name="hdnIdCampos[]" value="' + oId + '" /></td>';
        var strHtmlTr = "<tr id='rowDetalle_" + oId + "'></tr>";
        var strHtmlFinal = strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5;
        //tambien se puede agregar todo el HTML de una sola vez.
        //var strHtmlTr = "<tr id='rowDetalle_" + oId + "'>" + strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5 + strHtml6 +"</tr>";
        $("#tbDetalle").append(strHtmlTr);
        //si se agrega el HTML de una sola vez se debe comentar la linea siguiente.
        $("#rowDetalle_" + oId).html(strHtmlFinal);
        return false;
    }
    function eliminarFila(oId){
        $("#rowDetalle_" + oId).remove();   
        return false;
    }
 
    function cancelar(){
        $("#tbDetalle").html("");   
        return false;
    }
</script>
</head>
<body>
<form name="proyecto" id="proyecto" action="prueba6.php" method="post">
    <input type="hidden" id="num_campos" name="num_campos" value="0" />
    <input type="hidden" id="cant_campos" name="cant_campos" value="0" />
<fieldset>
<tr>
    <td>Tipo de Contacto:</td>
    <td><select name="selTipo_contacto[]" id="selTipo_contacto" class="textbox txtFec">
      <option value="Informacion general">Informacion general</option>
      <option value="Acuerdo comercial">Acuerdo comercial</option>
      <option value="Reservaciones">Reservaciones</option>
      <option value="Notificacion de pagos">Notificacion de pagos</option>
      <option value="Actualización de tarifas">Actualizacion de tarifas</option>
    </select></td>
    <td>Persona Contacto:</td>
    <td><input name="txtPersona_contacto[]" type="text" id="txtPersona_contacto" size="10" class="textbox" /></td>
    <td>Telefonos:</td>
    <td><input name="txtTelefonos[]" type="text" id="txtTelefonos" size="10" class="textbox" /></td>
    <td>Correo Contacto:</td>
    <td><input name="txtCorreo_contacto[]" type="text" id="txtCorreo_contacto" size="10" class="textbox" /></td>
  </tr>
 
    
</fieldset>
<div class="button_div">    
    <input type="reset" id="btnCancel" name="btnCancel" value="Cancelar" class="buttons_CANCEL" onClick="cancelar();" />
    <input type="button" id="btnAgregar" name="btnAgregar" value="Agregar Persona" class="buttons_aplicar" onClick="agregarFila(document.getElementById('cant_campos'));" />
    <input type="submit" id="btnAgregar" name="btnAgregar" value="Guardar" class="buttons_OK"  />
</div>
<fieldset class="fieldset">
    <legend class="legend">
        Detalle de Personas
    </legend>
    <div class="clear"></div>
    <div id="form3" class="form-horiz">
    <table width="100%" id="tblDetalle" class="listado">
        <thead>
            <tr>
                <th>Tipo de Contacto</th>
                <th>Persona Contacto</th>
                <th>Telefonos</th>
                <th>Correo Contacto</th>
                <th>Accion</th>
            </tr>
        </thead>
        <tbody id="tbDetalle">
        </tbody>
    </table>
    </div>
</fieldset>
</form>
</body>
</html>

y aqui los guardo:

Código PHP:

Ver originalinclude ('funciones/db.php');
 
$conexion = db_connect();
  if (!$conexion)
   return 0;
 
$num_campos= $_POST['num_campos'];
$cant_campos= $_POST['cant_campos'];
 
$tipo_contacto = $_POST['selTipo_contacto'];
$persona_contacto = $_POST['txtPersona_contacto'];
$telefonos = $_POST['txtTelefonos'];
$correo_contacto = $_POST['txtCorreo_contacto'];
 
$numRows = count($cant_campos);
 
    for($i=0; $i<$numRows; $i++) {
          $sql_ins2 = mysql_query("INSERT INTO contactos (id_posada, tipo_contacto, persona_contacto, telefonos, correo_contacto) VALUES ('$id_posada', '".$_POST['selTipo_contacto'][$i]."', '".$_POST['txtPersona_contacto'][$i]."', '".$_POST['txtTelefonos'][$i]."', '".$_POST['txtCorreo_contacto'][$i]."')") or die ("Error en Insert : ".mysql_error());
    }

Gracias por su ayuda...

Nemutagk · #2 (**permalink**) 17/06/2012, 01:02

Estas generando intpus con un nombre del tipo 'hdnPersona_contacto_X' y luego recoges los datos de variables con el nombre 'txtPersona_contacto', como puedes ver no coinciden, por lo tanto imposible de que se guarden ambos datos, debes hacer coincidir los nombres, si no, no tiene caso, para que veas de lo que hablo has un...

Código PHP:

Ver originalecho '<pre>';
var_dump($_POST);
echo '</pre>';

kimmy · #3 (**permalink**) 17/06/2012, 17:53

Hola, lo cambié como me indicaste pero solo me guarda la última fila ingresada. Asi quedó:

Código PHP:

Ver original<html>
<head>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
   
});
 
function agregarFila(obj){
        $("#cant_campos").val(parseInt($("#cant_campos").val()) + 1);
        var oId = $("#cant_campos").val();
        var tipo_contacto = $("#selTipo_contacto").val();
        var persona_contacto = $("#txtPersona_contacto").val();
        var telefonos = $("#txtTelefonos").val();
        var correo_contacto = $("#txtCorreo_contacto").val();
 
        var strHtml1 = "<td>" + tipo_contacto + '<input type="hidden" id="selTipo_contacto_' + oId + '" name="selTipo_contacto_' + oId + '" value="' + tipo_contacto + '"/></td>';
        var strHtml2 = "<td>" + persona_contacto + '<input type="hidden" id="txtPersona_contacto_' + oId + '" name="txtPersona_contacto_' + oId + '" value="' + persona_contacto + '"/></td>' ;
        var strHtml3 = "<td>" + telefonos + '<input type="hidden" id="txtTtelefonos_' + oId + '" name="txtTelefonos_' + oId + '" value="' + telefonos + '"/></td>' ;
        var strHtml4 = "<td>" + correo_contacto + '<input type="hidden" id="txtCorreo_contacto_' + oId + '" name="txtCorreo_contacto_' + oId + '" value="' + correo_contacto + '"/></td>' ;
        var strHtml5 = '<td><img src="images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'Realmente desea eliminar este detalle?\')){eliminarFila(' + oId + ');}"/>';
        strHtml5 += '<input type="hidden" id="hdnIdCampos_' + oId +'" name="hdnIdCampos[]" value="' + oId + '" /></td>';
        var strHtmlTr = "<tr id='rowDetalle_" + oId + "'></tr>";
        var strHtmlFinal = strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5;
        //tambien se puede agregar todo el HTML de una sola vez.
        //var strHtmlTr = "<tr id='rowDetalle_" + oId + "'>" + strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5 + strHtml6 +"</tr>";
        $("#tbDetalle").append(strHtmlTr);
        //si se agrega el HTML de una sola vez se debe comentar la linea siguiente.
        $("#rowDetalle_" + oId).html(strHtmlFinal);
        return false;
    }
    function eliminarFila(oId){
        $("#rowDetalle_" + oId).remove();   
        return false;
    }
 
    function cancelar(){
        $("#tbDetalle").html("");   
        return false;
    }
</script>
</head>
<body>
<form name="proyecto" id="proyecto" action="prueba6.php" method="post">
    <input type="hidden" id="num_campos" name="num_campos" value="0" />
    <input type="hidden" id="cant_campos" name="cant_campos" value="0" />
<fieldset>
<tr>
    <td>Tipo de Contacto:</td>
    <td><select name="selTipo_contacto[]" id="selTipo_contacto" class="textbox txtFec">
      <option value="Informacion general">Informacion general</option>
      <option value="Acuerdo comercial">Acuerdo comercial</option>
      <option value="Reservaciones">Reservaciones</option>
      <option value="Notificacion de pagos">Notificacion de pagos</option>
      <option value="Actualización de tarifas">Actualizacion de tarifas</option>
    </select></td>
    <td>Persona Contacto:</td>
    <td><input name="txtPersona_contacto[]" type="text" id="txtPersona_contacto" size="10" class="textbox" /></td>
    <td>Telefonos:</td>
    <td><input name="txtTelefonos[]" type="text" id="txtTelefonos" size="10" class="textbox" /></td>
    <td>Correo Contacto:</td>
    <td><input name="txtCorreo_contacto[]" type="text" id="txtCorreo_contacto" size="10" class="textbox" /></td>
  </tr>
 
    
</fieldset>
<div class="button_div">    
    <input type="reset" id="btnCancel" name="btnCancel" value="Cancelar" class="buttons_CANCEL" onClick="cancelar();" />
    <input type="button" id="btnAgregar" name="btnAgregar" value="Agregar Persona" class="buttons_aplicar" onClick="agregarFila(document.getElementById('cant_campos'));" />
    <input type="submit" id="btnAgregar" name="btnAgregar" value="Guardar" class="buttons_OK"  />
</div>
<fieldset class="fieldset">
    <legend class="legend">
        Detalle de Personas
    </legend>
    <div class="clear"></div>
    <div id="form3" class="form-horiz">
    <table width="100%" id="tblDetalle" class="listado">
        <thead>
            <tr>
                <th>Tipo de Contacto</th>
                <th>Persona Contacto</th>
                <th>Telefonos</th>
                <th>Correo Contacto</th>
                <th>Accion</th>
            </tr>
        </thead>
        <tbody id="tbDetalle">
        </tbody>
    </table>
    </div>
</fieldset>
</form>
</body>
</html>

y en el que guarda:

Código PHP:

Ver originalinclude ('funciones/db.php');
 
$conn = db_connect();
  if (!$conn)
   return 0;
 
$id_posada = 8;
$num_campos= $_POST['num_campos'];
$cant_campos= $_POST['cant_campos'];
$tipo_contacto = $_POST['selTipo_contacto'];
$persona_contacto = $_POST['txtPersona_contacto'];
$telefonos = $_POST['txtTelefonos'];
$correo_contacto = $_POST['txtCorreo_contacto'];
 
echo '<pre>';
    var_dump($_POST);
    echo '</pre>';
 
$numRows = count($cant_campos);
 
    for($i=0; $i<$numRows; $i++) {
          $sql_ins2 = mysql_query("INSERT INTO contactos (id_posada, tipo_contacto, persona_contacto, telefonos, correo_contacto) VALUES ('$id_posada', '".$_POST['selTipo_contacto'][$i]."', '".$_POST['txtPersona_contacto'][$i]."', '".$_POST['txtTelefonos'][$i]."', '".$_POST['txtCorreo_contacto'][$i]."')") or die ("Error en Insert : ".mysql_error());
    }

Al imprimir con var_dump me arroja esto:

Código PHP:

Ver originalarray(16) {
  ["num_campos"]=>
  string(1) "0"
  ["cant_campos"]=>
  string(1) "2"
  ["selTipo_contacto"]=>
  array(1) {
    [0]=>
    string(25) "ActualizaciÃ³n de tarifas"
  }
  ["txtPersona_contacto"]=>
  array(1) {
    [0]=>
    string(6) "Jimena"
  }
  ["txtTelefonos"]=>
  array(1) {
    [0]=>
    string(6) "999999"
  }
  ["txtCorreo_contacto"]=>
  array(1) {
    [0]=>
    string(18) "[email protected]"
  }
  ["btnAgregar"]=>
  string(7) "Guardar"
  ["selTipo_contacto_1"]=>
  string(19) "Informacion general"
  ["txtPersona_contacto_1"]=>
  string(4) "Bugs"
  ["txtTelefonos_1"]=>
  string(6) "111111"
  ["txtCorreo_contacto_1"]=>
  string(16) "[email protected]"
  ["hdnIdCampos"]=>
  array(2) {
    [0]=>
    string(1) "1"
    [1]=>
    string(1) "2"
  }
  ["selTipo_contacto_2"]=>
  string(25) "ActualizaciÃ³n de tarifas"
  ["txtPersona_contacto_2"]=>
  string(6) "Jimena"
  ["txtTelefonos_2"]=>
  string(6) "999999"
  ["txtCorreo_contacto_2"]=>
  string(18) "[email protected]"
}

Que estoy haciendo mal????

Gracias.

Nemutagk · #4 (**permalink**) 17/06/2012, 18:26

count retorna el numero de items dentro de un ARRAY, $cant_campos NO ES ARRAY, es un string/int, en todo caso sería...

Código PHP:

Ver originalfor($i=0; $i<$cant_campos; $i++) {
 
}

kimmy · #5 (**permalink**) 17/06/2012, 19:02

Ahora me guardó la última fila y otra en la que solo guardo un campo (id_posada). Esto arrojó el var_dump:

Código PHP:

Ver originalarray(16) {
  ["num_campos"]=>
  string(1) "0"
  ["cant_campos"]=>
  string(1) "2"
  ["selTipo_contacto"]=>
  array(1) {
    [0]=>
    string(21) "Notificacion de pagos"
  }
  ["txtPersona_contacto"]=>
  array(1) {
    [0]=>
    string(3) "Pam"
  }
  ["txtTelefonos"]=>
  array(1) {
    [0]=>
    string(7) "4444444"
  }
  ["txtCorreo_contacto"]=>
  array(1) {
    [0]=>
    string(15) "[email protected]"
  }
  ["btnAgregar"]=>
  string(7) "Guardar"
  ["selTipo_contacto_1"]=>
  string(13) "Reservaciones"
  ["txtPersona_contacto_1"]=>
  string(3) "kim"
  ["txtTelefonos_1"]=>
  string(6) "333333"
  ["txtCorreo_contacto_1"]=>
  string(13) "[email protected]"
  ["hdnIdCampos"]=>
  array(2) {
    [0]=>
    string(1) "1"
    [1]=>
    string(1) "2"
  }
  ["selTipo_contacto_2"]=>
  string(21) "Notificacion de pagos"
  ["txtPersona_contacto_2"]=>
  string(3) "Pam"
  ["txtTelefonos_2"]=>
  string(7) "4444444"
  ["txtCorreo_contacto_2"]=>
  string(15) "[email protected]"
}

kimmy · #6 (**permalink**) 18/06/2012, 09:53

Hola, revisando el código me doy cuenta que hay algo que está fallando en el javascript. Pero no entiendo que es porque si pasa los datos pero solo guarda los ultimos completos. No entiendo.

Por favor si me pueden explicar porque no se guardan o donde los estoy pasando mal. Quiero entender esto.

Gracias

Nemutagk · #7 (**permalink**) 18/06/2012, 09:58

No entiendo bien que es lo que esta pasando, pero, puedes hacer algo así...

Código PHP:

Ver originalfor($i=0; $i<count($_POST['txtTelefonos']); $i++) {
 
}

El problema sería si el numero de campos no es igual en todos los que vas a insertar...

Triby · #8 (**permalink**) 18/06/2012, 10:19

No es el Javascript el que falla, sino la forma de tomar la información desde $_POST, estás intentando leer, por ejemplo, ['selTipo_contacto'] como array, pero, en realidad es una cadena y los diferentes elementos están como:

['selTipo_contacto']
['selTipo_contacto_1']
['selTipo_contacto_2']

Entonces, para recorrerlos todos sería algo como:

Código PHP:

Ver originalfor($i = 0; $i <= $numRows; $i++) {
          // Primero necesitamos saber cómo acceder a los campos
          $sufijo  = ($i == 0) ? '' : "_$i";
          // Si es la primera pasada, entonces los campos no tienen sufijo
          // Si $i es mayor que cero, el sufijo es guión bajo, seguido del valor de $i
 
          // Ahora, para acceder a cada campo:
          // En lugar de poner $_POST['txtPersona_contacto'][$i]
          // Debes usar: $_POST['txtPersona_contacto' . $sufijo]
          $sql_ins2 = mysql_query("INSERT INTO contactos (id_posada, tipo_contacto, persona_contacto, telefonos, correo_contacto) VALUES ('$id_posada', '".$_POST['selTipo_contacto'.$sufijo]."', '".$_POST['txtPersona_contacto'.$sufijo]."', '".$_POST['txtTelefonos'.$sufijo]."', '".$_POST['txtCorreo_contacto'.$sufijo]."')") or die ("Error en Insert : ".mysql_error());
    }

El único problema sería con txtTelefonos, que es un array y después es una cadena cuando tienes txtTelefonos_1, etc.

kimmy · #9 (**permalink**) 18/06/2012, 10:22

lo puse como me indicaste y le puse un echo asi:

Código PHP:

Ver originalfor($i=0; $i<count($_POST['txtTelefonos']); $i++) {
      echo $txtTelefonos[$i];
    }

y no muestra nada

kimmy · #10 (**permalink**) 18/06/2012, 10:24

pero hay alguna forma de que todos sean arrays?

Triby · #11 (**permalink**) 18/06/2012, 10:29

Sorry, estaba confundido, los campos son array al crearlos, pero al agregar los demás desde Javascript lo haces como texto normal.

Lo que está en rojo es el sufijo que estás agregando:
var strHtml1 = "<td>" + tipo_contacto + '<input type="hidden" id="selTipo_contacto_' + oId + '" name="selTipo_contacto_' + oId + '" value="' + tipo_contacto + '"/></td>';

Debiendo ser:
var strHtml1 = "<td>" + tipo_contacto + '<input type="hidden" id="selTipo_contacto[]' + '" name="selTipo_contacto_' + oId + '" value="' + tipo_contacto + '"/></td>';

Lógicamente, necesitas hacerlo para cada campo.

kimmy · #12 (**permalink**) 18/06/2012, 10:37

Gracias Triby, lo pruebo y les aviso. Gracias tambien por tu ayuda Nemutagk.

kimmy · #13 (**permalink**) 18/06/2012, 10:57

Ahora me guarda las 2 filas pero una solo guarda Array, Array, Array... y la otra si guarda los datos. lo coloqué asi:

Código PHP:

Ver originalfunction agregarFila(obj){
        $("#cant_campos").val(parseInt($("#cant_campos").val()) + 1);
        var oId = $("#cant_campos").val();
        var tipo_contacto = $("#selTipo_contacto").val();
        var persona_contacto = $("#txtPersona_contacto").val();
        var telefonos = $("#txtTelefonos").val();
        var correo_contacto = $("#txtCorreo_contacto").val();
 
        var strHtml1 = "<td>" + tipo_contacto + '<input type="hidden" id="selTipo_contacto[]' + '" name="selTipo_contacto_' + oId + '" value="' + tipo_contacto + '"/></td>';
        var strHtml2 = "<td>" + persona_contacto + '<input type="hidden" id="txtPersona_contacto[]' + '" name="txtPersona_contacto_' + oId + '" value="' + persona_contacto + '"/></td>' ;
        var strHtml3 = "<td>" + telefonos + '<input type="hidden" id="txtTtelefonos[]' + '" name="txtTelefonos_' + oId + '" value="' + telefonos + '"/></td>' ;
        var strHtml4 = "<td>" + correo_contacto + '<input type="hidden" id="txtCorreo_contacto[]' + '" name="txtCorreo_contacto_' + oId + '" value="' + correo_contacto + '"/></td>' ;
        var strHtml5 = '<td><img src="images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'Realmente desea eliminar este detalle?\')){eliminarFila(' + oId + ');}"/>';
        strHtml5 += '<input type="hidden" id="hdnIdCampos[]' +'" name="hdnIdCampos_" value="' + oId + '" /></td>';
        var strHtmlTr = "<tr id='rowDetalle_" + oId + "'></tr>";
        var strHtmlFinal = strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5;
        //tambien se puede agregar todo el HTML de una sola vez.
        //var strHtmlTr = "<tr id='rowDetalle_" + oId + "'>" + strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5 + strHtml6 +"</tr>";
        $("#tbDetalle").append(strHtmlTr);
        //si se agrega el HTML de una sola vez se debe comentar la linea siguiente.
        $("#rowDetalle_" + oId).html(strHtmlFinal);
        return false;
    }

y en el que guarda asi:

Código PHP:

Ver original$numRows = count($tipo_contacto);
 
 
for($i = 0; $i <= $numRows; $i++) {
              // Primero necesitamos saber cómo acceder a los campos
              $sufijo  = ($i == 0) ? '' : "_$i";
              // Si es la primera pasada, entonces los campos no tienen sufijo
              // Si $i es mayor que cero, el sufijo es guión bajo, seguido del valor de $i
     
              // Ahora, para acceder a cada campo:
              // En lugar de poner $_POST['txtPersona_contacto'][$i]
              // Debes usar: $_POST['txtPersona_contacto' . $sufijo]
              $sql_ins2 = mysql_query("INSERT INTO contactos (id_posada, tipo_contacto, persona_contacto, telefonos, correo_contacto) VALUES ('$id_posada', '".$_POST['selTipo_contacto'.$sufijo]."', '".$_POST['txtPersona_contacto'.$sufijo]."', '".$_POST['txtTelefonos'.$sufijo]."', '".$_POST['txtCorreo_contacto'.$sufijo]."')") or die ("Error en Insert : ".mysql_error());
        }

el var_dump arroja esto:

Código PHP:

Ver originalarray(16) {
  ["num_campos"]=>
  string(1) "0"
  ["cant_campos"]=>
  string(1) "2"
  ["selTipo_contacto"]=>
  array(1) {
    [0]=>
    string(13) "Reservaciones"
  }
  ["txtPersona_contacto"]=>
  array(1) {
    [0]=>
    string(4) "Till"
  }
  ["txtTelefonos"]=>
  array(1) {
    [0]=>
    string(7) "4444444"
  }
  ["txtCorreo_contacto"]=>
  array(1) {
    [0]=>
    string(15) "[email protected]"
  }
  ["btnAgregar"]=>
  string(7) "Guardar"
  ["selTipo_contacto_1"]=>
  string(19) "Informacion general"
  ["txtPersona_contacto_1"]=>
  string(4) "lola"
  ["txtTelefonos_1"]=>
  string(7) "7474512"
  ["txtCorreo_contacto_1"]=>
  string(15) "[email protected]"
  ["hdnIdCampos_"]=>
  string(1) "2"
  ["selTipo_contacto_2"]=>
  string(13) "Reservaciones"
  ["txtPersona_contacto_2"]=>
  string(4) "Till"
  ["txtTelefonos_2"]=>
  string(7) "4444444"
  ["txtCorreo_contacto_2"]=>
  string(15) "[email protected]"
}

esta parte estaba asi:

Código PHP:

Ver originalstrHtml5 += '<input type="hidden" id="hdnIdCampos_' + oId +'" name="hdnIdCampos[]" value="' + oId + '" /></td>';

y la puse asi:

Código PHP:

Ver originalstrHtml5 += '<input type="hidden" id="hdnIdCampos[]' +'" name="hdnIdCampos_" value="' + oId + '" /></td>';

no entiendo la falla

Triby · #14 (**permalink**) 18/06/2012, 18:47

Bueno, parece que el copy/paste sin analizar sigue siendo una mala opción, porque me equivoqué en la sugerencia para la línea del JS y la forma correcta es:

Código Javascript:

Ver originalstrHtml5 += '<input type="hidden" id="nombreDelCampo_' + oId +'" name="nombreDelCampo[]" value="' + oId + '" /></td>';

Con eso y el PHP "original" debería ser suficiente:

Código PHP:

Ver original// Debe ser <= porque el contador lo inicias en cero, de lo contrario omitiría el último elemento
for($i=0; $i<=$numRows; $i++) {
          $sql_ins2 = mysql_query("INSERT INTO contactos (id_posada, tipo_contacto, persona_contacto, telefonos, correo_contacto) VALUES ('$id_posada', '".$_POST['selTipo_contacto'][$i]."', '".$_POST['txtPersona_contacto'][$i]."', '".$_POST['txtTelefonos'][$i]."', '".$_POST['txtCorreo_contacto'][$i]."')") or die ("Error en Insert : ".mysql_error());
    }

kimmy · #15 (**permalink**) 18/06/2012, 19:19

Triby ahora si funciona. Tienes razón, cuando uno se copia códigos por allí sin saber lo que está haciendo, se vuelve una locura. Mil gracias por tu ayuda y explicaciones para entender lo que hago. ;)

V1ktor · #16 (**permalink**) 08/08/2015, 18:39

Y por fin como quedo y trate de hacer los pasos pero me sigue insertando el ultimo y el otro lo inserta con Array Array Array, Helpme please!!!

Lo tengo de esta manera:

function agregarFila(obj){
$("#cant_campos").val(parseInt($("#cant_campos").v al()) + 1);
var oId = $("#cant_campos").val();
var tipo_contacto = $("#selTipo_contacto").val();
var persona_contacto = $("#txtPersona_contacto").val();
var telefonos = $("#txtTelefonos").val();
var correo_contacto = $("#txtCorreo_contacto").val();

var strHtml1 = "<td>" + tipo_contacto + '<input type="hidden" id="selTipo_contacto[]' + '" name="selTipo_contacto_' + oId + '" value="' + tipo_contacto + '"/></td>';
var strHtml2 = "<td>" + persona_contacto + '<input type="hidden" id="txtPersona_contacto[]' + '" name="txtPersona_contacto_' + oId + '" value="' + persona_contacto + '"/></td>' ;
var strHtml3 = "<td>" + telefonos + '<input type="hidden" id="txtTtelefonos[]' + '" name="txtTelefonos_' + oId + '" value="' + telefonos + '"/></td>' ;
var strHtml4 = "<td>" + correo_contacto + '<input type="hidden" id="txtCorreo_contacto[]' + '" name="txtCorreo_contacto_' + oId + '" value="' + correo_contacto + '"/></td>' ;
var strHtml5 = '<td><img src="images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'Realmente desea eliminar este detalle?\')){eliminarFila(' + oId + ');}"/>';
strHtml5 += '<input type="hidden" id="hdnIdCampos_' + oId +'" name="hdnIdCampos[]" value="' + oId + '" /></td>';

y la funcion de insert asi:

$id_posada = 8;
$num_campos= $_POST['num_campos'];
$cant_campos= $_POST['cant_campos'];
$tipo_contacto = $_POST['selTipo_contacto'];
$persona_contacto = $_POST['txtPersona_contacto'];
$telefonos = $_POST['txtTelefonos'];
$correo_contacto = $_POST['txtCorreo_contacto'];

echo '<pre>';
var_dump($_POST);
echo '</pre>';

$numRows = count($cant_campos);

for($i=0; $i<=$numRows; $i++) {
$sql_ins2 = mysql_query("INSERT INTO contactos (id_posada, tipo_contacto, persona_contacto, telefonos, correo_contacto) VALUES ('$id_posada', '".$_POST['selTipo_contacto'][$i]."', '".$_POST['txtPersona_contacto'][$i]."', '".$_POST['txtTelefonos'][$i]."', '".$_POST['txtCorreo_contacto'][$i]."')") or die ("Error en Insert : ".mysql_error());
}
?>

GRACIAS POR SU AYUDA!!!

V1ktor · #17 (**permalink**) 08/08/2015, 22:06

LOGRE SOLUCIONARLO ANALIZANDO BIEN LOS COMENTARIOS, GRACIAS.

Código PHP:

  for($i=1; $i<=($_POST['cant_campos']); $i++){ 
 $sufijo  = ($i == 0) ? '' : "_$i"; 
 
$sql_ins2 = mysql_query("INSERT INTO contactos (id_posada, tipo_contacto, persona_contacto, telefonos, correo_contacto) VALUES ('$id_posada', '".$_POST['selTipo_contacto'.$sufijo]."', '".$_POST['txtPersona_contacto'.$sufijo]."', '".$_POST['txtTelefonos'.$sufijo]."', '".$_POST['txtCorreo_contacto'.$sufijo]."')") or die ("Error en Insert : ".mysql_error());

Eric_Alberto · #18 (**permalink**) 06/04/2016, 14:27

Cita:

Iniciado por Triby

Bueno, parece que el copy/paste sin analizar sigue siendo una mala opción, porque me equivoqué en la sugerencia para la línea del JS y la forma correcta es:

Código Javascript:

Ver originalstrHtml5 += '<input type="hidden" id="nombreDelCampo_' + oId +'" name="nombreDelCampo[]" value="' + oId + '" /></td>';

Con eso y el PHP "original" debería ser suficiente:

Código PHP:

Ver original// Debe ser <= porque el contador lo inicias en cero, de lo contrario omitiría el último elemento
for($i=0; $i<=$numRows; $i++) {
          $sql_ins2 = mysql_query("INSERT INTO contactos (id_posada, tipo_contacto, persona_contacto, telefonos, correo_contacto) VALUES ('$id_posada', '".$_POST['selTipo_contacto'][$i]."', '".$_POST['txtPersona_contacto'][$i]."', '".$_POST['txtTelefonos'][$i]."', '".$_POST['txtCorreo_contacto'][$i]."')") or die ("Error en Insert : ".mysql_error());
    }

disculpa amigo podrias ayudarme yo tengo un codigo diferente y al igual que a kimmy solo me guarda 1 solo dato, mis codigos son los siguientes:
codigo del formulario

Código PHP:

Ver original<div id="stylized" class="myform" style="margin:40px auto;">
 
<form id="form" name="form" method="POST" action="insertar_registro.php">
<div id="material_pedido"></div>
 
<label>Clave del Empleado:</label><select id="empleado" name="idemp" style="width:50px;"></select><span style="float:left;padding:8px 0px 8px 8px;">
Nombre del Empleado:</span><select  id="no_empl" style="width:90px;"></select><span style="float:left;padding:8px 0px 8px 8px;">
Area del Solicitante:</span><select type="text" id="area" style="width:110px;"></select><span style="float:left;padding:8px 0px 8px 8px;">
Fecha de la Solicitud:</span><?php $fecha= date("Y-m-d"); ?><!--=== sirve para obtener la fecha del equipo automaticamente ===-->
<input type="date" name='fecha_sol[]' required value="<?php echo $fecha; ?>" readonly style="width:119px;"/><span style="float:left;padding:8px 0px 8px 8px;"></span>
<left><h1>Articulo a pedir</h1>
<p>Puede añadir mas de 1 pedido si asi lo decea</p></left>
<div id="div_1">
<span style="float:left;padding:9px 0px 0px 0px;">
<label>Clave producto:</span></label><input type="text" id="clave1" name="clave[]" style="width:50px;"/><span style="float:left;padding:9px 0px 0px 0px;"> 
Producto:</span><input type="text" id="prod" placeholder="Nombre producto" name="producto[]" style="width:110px;"/><span style="float:left;padding:9px 0px 0px 0px;">
Marca:</span><input type="text" id="marca" placeholder="Marca producto" name="marca[]" style="width: 100px;"/><span style="float:left;padding:9px 0px 0px 0px;">
Cantidad:</span><input type="number" name="cantidad[]" min='1' max='100'style="width:30px;"/><input class="bt_plus" id="1" type="button" value="+" /><div class="error_form"></div>
</div>
<br>
<br>
<button type="submit" name="submit" class="boton">Enviar</button>
</form>
</div>

codigo del agregar campos

Código Javascript:

Ver original$(document).ready(function(){
    $(".bt_plus").each(function (el){
        $(this).bind("click",addField);
    });
});
 
function addField(){
    //el id del elemento div qutandole la palabra "div_" de delante. para asi aumentar el numero.
    var clickID = parseInt($(this).parent('div').attr('id').replace('div_',''));
    //Se genera el nuevo id
    var newID = (clickID+1);
    //Se crea un clon del elemento div que contiene los campos de texto
    $newClone = $('#div_'+clickID).clone(true);
    //Se le asigna el nuevo numero id
    $newClone.attr("id",'div_'+newID);
    //se le asigna nuevo id al primer campo input dentro del div y le borro cualquier valor que tenga, asi no copia lo ultimo que hayas escrito.
    //(igual que antes no es necesario tener un id)
    $newClone.children("input").eq(0).attr("id",'clave'+newID).val('');
    //Se borra el valor del segundo input(campo de cantidad)
    $newClone.children("input").eq(1).val('');
    //Se asigna el nuevo id al boton
    $newClone.children("input").eq(4).attr("id",newID)
    //Se inserta el div clonado y modificado despues del div original
    $newClone.insertAfter($('#div_'+clickID));
    //Se cambia el signo "+" por el signo"-" y se quita el evento addfield
    $("#"+clickID).val('-').unbind("click",addField);
    //Se cambia el signo del evento delRow para que borre la fila en caso de hacer click
    $("#"+clickID).bind("click",delRow);
}
 
function delRow(){
    //Esta funcion destruye el elemento actual una vez echo el click
    $(this).parent('div').remove();
}

y por ultimo donde guardo

Código PHP:

Ver original<?php 
    
    include("php/conexion.php");
    
    $cuenta = count($_POST['clave']);  /*esto fue lo que hice, pero me sigue guardando el primer campo y los otros 2 que agrego no*/
    $cuenta = count($_POST['idemp']);
    $cuenta = count($_POST['producto']);
    $cuenta = count($_POST['marca']);
    $cuenta = count($_POST['cantidad']);
    $cuenta = count($_POST['fecha_sol']);
    
    for ($i=0; $i <$cuenta; $i++) { 
        $idemp = $_POST['idemp'][$i];
        $clave = $_POST['clave'][$i];
        $producto = $_POST['producto'][$i];
        $marca = $_POST['marca'][$i];
        $cantidad = $_POST['cantidad'][$i];
        $fecha_sol = $_POST['fecha_sol'][$i];
            
     //print_r($_POST);
 
    $query1 ="INSERT INTO detalle(id_pedidos, id_producto, producto, marca, cantidad, fecha_solicitud)
    VALUES('$idemp', '$clave', '$producto', '$marca', '$cantidad', '$fecha_sol')";
    $resultado=mysqli_query($conexion, $query1);
      
      if($query1){
              header("Location: pedidos.php");
                }else{
                echo '<script> alert("El Pedido No Se Envio");</script>';
                echo '<script> window.location=" pedidos.php"; </script>';
            }
    }
?>

espero puedas ayudare ya que seria de gran ayuda

rbczgz · #19 (**permalink**) 06/04/2016, 15:38

Hola Eric_Alberto,

Solo he revisado tu código por encima y lo que veo es que estás sobreescribiendo la variable $cuenta...

Por lo demás, ahora no te puedo ayudar, pero sí decirte que no se debe reabrir un post de tanto tiempo, si tienes una duda sobre algo antiguo (+ de 6 meses), abres un nuevo post y haces referencia al original.

Eric_Alberto · #20 (**permalink**) 07/04/2016, 08:16

Cita:

Iniciado por rbczgz

Hola Eric_Alberto,

Solo he revisado tu código por encima y lo que veo es que estás sobreescribiendo la variable $cuenta...

Por lo demás, ahora no te puedo ayudar, pero sí decirte que no se debe reabrir un post de tanto tiempo, si tienes una duda sobre algo antiguo (+ de 6 meses), abres un nuevo post y haces referencia al original.

Hola rbczgz con lo que me comentaste que estoy sobrescribiendo la variable $cuenta los borre todos menos el primero y ya me funciona a la perfección, gracias te lo agradezco de verdad