JQuery - Rellenar input dinámicos

 
Vista:
sin imagen de perfil
Val: 1
Ha aumentado su posición en 3 puestos en JQuery (en relación al último mes)
Gráfica de JQuery

Rellenar input dinámicos

Publicado por Hercross (1 intervención) el 26/12/2018 11:26:04
Hola buenos días..

Tengo un formulario en el que dinámicamente añado un input del tipo text, al pulsar un botón.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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>

Al pulsar el botón, lo que hago es:

1
2
3
4
5
6
7
8
9
10
11
12
$('.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
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Xavi
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Rellenar input dinámicos

Publicado por Xavi (14 intervenciones) el 26/12/2018 20:17:50
Hola Hercross, no se en que momento quieres llenar la pagina con el contenido de la base de datos, pero lo puedes hacer de dos maneras...
1.- En el momento de crear la pagina, vas creando los <input> con los valores de la base de datos
2.- Desde JavaScript, haces una peticion por ajax para recibir todos los valores de la base de datos y posteriormente, vas creando tantos <input> como valores hayas recibido de la base de datos.

No se si me he sabido explicar... tampoco tengo muy claro como quieres hacerlo, ni que lenguaje utilizas en el servidor para conectarte con la base de datos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar