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