estoy haciendo un registro de usuarios pero me topo con un problema:
Quiero habilitar la opción para agregar más usuarios de una sola vez, los que sean necesarios. intenté crear los nuevos registros con .clone();
de jQuery
:
function clonar() {
var $div = $("#usuario").clone();
$("#nuevo").html($div);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="usuario">
<label>Nombre</label>
<input type="text" id="nombre">
<br>
<label>Apellido</label>
<input type="text" id="apellido">
</div>
<div id="nuevo">
</div>
<button onclick="clonar();">
Agregar otro
</button>
Pero lo que eso hace es simplemente agregarme uno solo, en lugar de agregar uno nuevo cada vez que se de click.
Añadido a eso, está el problema de los ID, ya que en ambos divs los id de los inputs son exactamente los mismos, y cuando quiera llevar los datos para ingresarlos a la Base de datos, voy a tener problema con eso.
¿Hay alguna manera de hacer que el id cambie?
¿O alguien conoce una mejor manera de hacer lo que trato de conseguir?
Les dejo el fiddle por si les ayuda en algo
https://jsfiddle.net/3h9eq8rx/9/
$("#ID_DEL_INPUT");
. Si los IDs de los inputs son el mismo, no generará problemas?