¿Como hacer para que al presionar un botón se agregue un input nuevo y este cambie el valor de un input: Por ejemplo si Antes decia Evaluaciones 1 ahora diga Evaluaciones 2?. Me explico mas detalladamente.. Dispondré primero de unos capture para que puedan comprender mejor.
Cada que se presiona en el boton de "Más +" este añade un nuevo campo (Esto es un formulario). Pero no encuentro la manera de hacer que donde diga "Evaluacion" por cada campo que se agregue, este cambie de numero es decir:
Evaluación 1
Evaluación 2
Evaluación 3
$(function(){
$("#adicional").on('click', function(){
$("#tabla tbody tr:eq(0)").clone().removeClass('fila-fija').appendTo("#tabla");
});
$(document).on("click",".eliminar",function(){
var parent = $(this).parents().get(0);
$(parent).remove();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post">
<div class="panel-heading mb-4">
<h3 class="panel-title">Registrar plan de evaluación</h3>
<select class="form-control" id="exampleFormControlSelect1" name="tipo">
<option value="Oratoria">Oratoria</option>
</select>
</div>
<table class="table table-striped" id="tabla">
<thead>
<tr class="fila-fija">
<td>Evaluación</td>
<td>Ponderación</td>
<td>Actividad a realizar</td>
<td></td>
</tr>
</thead>
<tbody>
<tr class="fila-fija">
<td><input type="text" id= "evaluacion" class="form-control" value="Evaluacion 1" disabled /></td>
<td>
<select class="form-control" id="exampleFormControlSelect1" name="tipo">
<option value="5">5%</option>
<option value="10">10%</option>
<option value="15">15%</option>
<option value="20">20%</option>
<option value="25">25%</option>
</select></td>
<td><input type="text" class="form-control" placeholder="Actividad que se realizara"/></td>
<td class="eliminar"><input type="button" class="btn btn-danger" value="Menos -"/></td>
</tr>
</tbody>
</table>
<div class="btn-der">
<input type="submit" name="insertar" value="Registrar" class="btn btn-primary"/>
<button id="adicional" name="adicional" type="button" class="btn btn-warning"> Más + </button>
</div>
</form>