Estoy trabajando en un formulario, en el cual, mediante botones, se adiciona o elimina filas a una tabla usando javascript y la librería jquery.
Quiero conocer o contar ese número de filas que se van creando según el botón seleccionado, y luego, enviar ese dato o valor, mediante método post, al siguiente archivo, pero me ha resultado algo enredado de resolver.
Este es el código funcionando:
<script type="text/javascript">
$(document).ready(function(){
$(".idi").change(function(){
var tr = $(this).parent().parent();
//alert($('.idi').val());
idi = $(this).val();
$.post("getIdiomas.php", { idi: idi },
function(data){
tr.find("#term").html(data);
});
})
$("#adicional").on('click', function(){
var row = $("#tabla tbody tr:eq(0)").clone(true).removeClass('fila-fija');
row.find('.term').empty();
row.appendTo("#tabla tbody")
});
$(".eliminar").on("click",function(){
var parent = $(this).closest("tr").remove();
});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table align="center" id="tabla">
<thead>
<tr>
<th>IDIOMAS</th>
<th>Opciones</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<select class="idi" name="idi[]">
<option value="NULL">Seleccionar</option>
<option value="1">ingles</option>
<option value="2">frances</option>
</select>
</td>
<td><select name="term[]" class="term" id="term"></select></td>
<td class="eliminar"><input type="button" value="-"/></td>
</tr>
</tbody>
</table>
<table align='center'><tr><td align=center><div><button id='adicional' name='adicional' type='button'>Fila +</button></div></td></tr></table>
Me podrían brindar su ayuda?
Muchas Gracias.