¡Buenas!
Estoy intentando crear una especie de formulario.
La cosa es que el usuario hace click sobre un botón y le aparecen diferentes campos a rellenar (estos campos serán inputs de tipo texto* ).
Una vez rellenado, hace click sobre un nuevo botón que ha aparecido junto a los input text para guardar.
¿Como hago para meter estos campos en un array
?¿He de tener el array
creado previamente, o lo puedo crear al momento? La idea sería tenerlos en un array
para luego acceder a este y coger los datos que me interesen trabajar/mostrar.
$(document).ready(function() {
// JS para crear rutinas estilo POWER
$('#Anyadir-Rutina-btn').click(function() {
// Hacemos aparecer la ventana modal donde rellenamos formulario.
$('#Modal-Escribir-Rutina').css({
'display': 'flex',
'height': 'auto',
'width': '80%'
});
// Creamos las variables donde se describen todos los elementos del formulario
var titulo1 = '<input type="text" placeholder="Titulo 1" id="Titulo1" />';
var titulo2 = '<input type="text" placeholder="Título 2" id="Titulo2" />';
var guardarModalBtn = '<input type="button" value="Guardar" id="Guardar-modal-btn" />';
// Insertamos los elementos para que el usuario rellene el formulario
$('#Modal-Escribir-Rutina').append(titulo1);
$('#Modal-Escribir-Rutina').append(titulo2);
$('#Modal-Escribir-Rutina').append(guardarModalBtn);
// Botón guardar. Guarda y muestra los datos escritos en el formulario.
$('#Guardar-modal-btn').click(function() {
alert("Ahora debería guardar");
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Kiitos!