Tengo un formulario en el que dinámicamente añado un input del tipo text, al pulsar un botón.
Código:
Al pulsar el botón, lo que hago es:<div class="form-group dynamic-element" style="display:none"> <div class="row"> <div class="col-md-3"> <input type="text" id="variables" class="form-control variables" name="variables[]"> </div> <div class="col-md-2 col-md-offset-6"> <p class="delete">x</p> </div> </div> </div> <form class="form-inline espace"> <label class="col-md-3 col-sm-3 col-xs-12">Variables:</label> <div class="col-md-5 col-sm-5 col-xs-12 form-group-sm has-feedback"> <div class="dynamic-stuff"></div> </div> </form> <form class="form-inline espace"> <p class="add-one">+ Añadir variable</p> </form>
Código:
$('.add-one').click(function(){ $('.dynamic-element').first().clone().appendTo('.dynamic-stuff').show(); attach_delete(); }); function attach_delete(){ $('.delete').off(); $('.delete').click(function(){ console.log("click"); $(this).closest('.form-group').remove(); }); }
A través del campo name=variables[] puedo obtener los valores introducidos.
Hasta aquí todo correcto.
El problema viene a la hora de poder editar esos campos, es decir, al rellenarlo, los guardo en una SQL, cuando quiero editarlo, obtengo los datos de la SQL, sé cuantos datos tengo, por lo que se cuantos input tengo que crear, pero como puedo colocar, poner el value de los input con el valor de la SQL?
Como puedo rellenarlos?
Alguna idea?
Muchas gracias