Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/03/2016, 09:58
gcotto
 
Fecha de Ingreso: marzo-2016
Mensajes: 8
Antigüedad: 6 años, 3 meses
Puntos: 0
Pasar datos tabla dinamica metodo post

Estimados, tengo un problema con una tabla dinámica.

Tengo una tabla dinámica con tres lineas, si las completo y envío los datos con el método post dentro de un form me los envía correctamente.

Si creo un cuarta fila, con un boton, que tiene un código js, dicha fila no me la toma para el método post, las filas 4 en adelante es como que no las toma dentro del array.

El código de la tabla es el siguiente

Código HTML:
 <form role="form" action="php/guardar_caja.php" method="POST">
  <div class="panel-body">
    <div class="col-md-12 table-responsive">
      <table class="table table-bordered table-hover table-sortable" id="tab_logic">
        <thead>
          <tr >
            <th class="text-center">
              ID
            </th>
            <th class="text-center">
              Concepto
            </th>
            <th class="text-center">
              Numero
            </th>
            <th class="text-center">
              Monto
            </th>
            <th class="text-center" >
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <input type="text" name='cod[]' class="form-control">
            </td>
            <td>
             <select name="concepto[]" class="form-control" >
               <option value="">Concepto</option>
               <option value="11- No Cambiar">11- No Cambiar</option>
             </select>
           </td>
           <td>
            <input type="text" name='numero[]' class="form-control">
          </td>
          <td>
            <input type="text" name='monto[]' class="form-control">
          </td>
          <td>
            <button nam"del0" class='btn btn-danger glyphicon glyphicon-remove row-remove'></button>
          </td>
        </tr>
     </tbody>
    </table>
  </div>
</div> 
</form> 

El codigo js es el siguiente:

Código PHP:
$(document).on('ready'funcPrincipal);

function 
funcPrincipal() 
{
    $(
"#add_row").on('click'funcNuevoAlineamiento);
    
}


function 
funcNuevoAlineamiento() 
{
    $(
"#tab_logic")
    .
append
    
(
        $(
'<tr>').addClass('ui-sortable-handle')
        .
append
        
(
            $(
'<td>')
            .
append
            
(
                $(
'<input>').attr('type''text').addClass('form-control').attr('name''cod[]').attr('style','height: 26px; padding: 6px 6px; border-radius: 9px;').attr('value''E')
            )
        )
        .
append
        
(
            $(
'<td>')
            .
append
            
(
                $(
'<input>').attr('type''text').addClass('form-control').attr('name''desc[]').attr('style','height: 26px; padding: 6px 6px; border-radius: 9px;')
            )
        )
        .
append
        
(
            $(
'<td>')
            .
append
            
(
                $(
'<input>').attr('type''text').addClass('form-control').attr('name''numero[]').attr('style','height: 26px; padding: 6px 6px; border-radius: 9px;')
            )
        )
        .
append
        
(
            $(
'<td>')
            .
append
            
(
                $(
'<input>').attr('type''text').addClass('form-control').attr('name''monto[]').attr('style','height: 26px; padding: 6px 6px; border-radius: 9px;')
            )
        )
        .
append
        
(
            $(
'<td>').addClass('text-center')
            .
append
            
(
                $(
'<div>').addClass('btn btn-danger glyphicon glyphicon-remove row-remove').attr('style','padding: 2px 5px !important; margin-bottom: 0px; ')
            )
                    
        )        
    );
    
//.append("<tr><td>123</td><td>456</td></tr>");


Muchas gracias