Guardar datos tabla dinamica PHP
Publicado por Geolo (1 intervención) el 29/10/2019 01:04:58
Buen día, gracias por leer, tengo una consulta con respecto a este código, se plantea el hacer una tabla dinámica, la cual incremente el numero de filas al pulsaren agregar y eliminar las mismas de ser incensario, hasta esa parte ya esta, lo único que falta es el guardar dichos datos, lo he intentado siguiendo diferentes métodos pero lo mas que logro es que me guarde la primera fila. si alguien pudiese asesorarme se lo agradecería enormemente, soy nuevo manejando php y mas aun javascript o ajax, lamento los inconvenientes, a continuación dejo el código en cuestión es algo básico pero no di para mas :(.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
$(function(){
$('#addMore').on('click', function() {
var data = $("#tb tr:eq(1)").clone(true).appendTo("#tb");
data.find("input").val('');
});
$(document).on('click', '.remove', function() {
var trIndex = $(this).closest("tr").index();
if(trIndex>1) {
$(this).closest("tr").remove();
} else {
alert("No puedes Borrar la Primera Fila");
}});
});
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table class="table table-hover small-text" id="tb">
<tr class="tr-header">
<th>Nombre Completo</th>
<th>Materia</th>
<th>Telefono.</th>
<th>Email</th>
<th><a href="javascript:void(0);" style="font-size:18px;" id="addMore" title="Agregar Alumno">Agregar<span class="glyphicon glyphicon-plus"></span></a></th>
<tr>
<td><input type="text" name="fullname[]" class="form-control"></td>
<td><select name="designation[]" class="form-control">
<option value="" selected>Selecciona una materia</option>
<option value="Calculo">Calculo</option>
<option value="Analisis de Señales">Analisis de Señales</option>
</select></td>
<td><input type="text" name="mobileno[]" class="form-control"></td>
<td><input type="text" name="emailid[]" class="form-control"></td>
<td><a href='javascript:void(0);' class='remove'><span class='glyphicon glyphicon-remove'>Eliminar</span></a></td>
</tr>
</tr>
</table>
Valora esta pregunta
0
