Código:
$("#agregar2").on("click", function(){ $("#tablas2 tbody tr:eq(0)").clone().removeClass("fila-base2").insertAfter("#tablas2 tbody"); return false; }); $(document).on("click","#eliminar2",function(){ var parent = $(this).parent().get(0); $(parent).remove(); return false; });
Código PHP:
<table id="tablas2">
<thead>
<tr>
<th>Ficha</th>
<th>Nombre</th>
<th>Micro</th>
<th>F. Inicio</th>
<th>F. Termino</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Ficha</th>
<th>Nombre</th>
<th>Micro</th>
<th>F. Inicio</th>
<th>F. Termino</th>
</tr>
</tfoot>
<tbody>
<button id="agregar2" class="agregar">Agregar Fila</button>
<tr>
<td><input type="text" name="ficha_residente_obra" id="ficha_residente_obra" style="width: 40px;" readonly="yes" /></td>
<td>
<select name="id_persona" id="id_persona" style="height: 19px;">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
<td><input type="text" name="micro_residente_obra" id="micro_residente_obra" style="width: 70px;" readonly="yes" /></td>
<td><input type="text" name="fecha_inicio_residente_obra[]" id="fecha_inicio_residente_obra" class="fecha" readonly="yes" style="width: 100px;" /></td>
<td><input type="text" name="fecha_termino_residente_obra[]" id="fecha_termino_residente_obra" class="fecha" readonly="yes" style="width: 100px;" /></td>
<td id="eliminar2" class="eliminar">Eliminar</td>
</tr>
</tbody>
</table>
Deseo en este caso cada que clono tbody tr, obtener los valores del select en este caso me muestre el valor seleccionador mediante un alert, pero solo me muestra el alert del primer select antes de clonarlo, despues de clonarlo los select no me devuelven ninguna valor, alguien podria ayudarme ya me duele la cabeza llevo 3 dias buscando y nomas no encuentro la solucion
Código:
este codigo es el que utilizo para capturar los valores de los select pero solo me jala el primer valor, ayudaaaaaa <script type="text/javascript"> $(document).ready(function(){ $("#id_persona1").change(function (i) { $("#id_persona1 option:selected").each(function () { var id = $(this).val(); alert(id); }); }); }); </script>