crear y capturar datos de campos dinamicos
Publicado por nitramara (22 intervenciones) el 05/05/2018 03:24:46
Hola, quisiera que por favor alguien me tire una solucion a este caso.. primero aclarar que aun estoy viche en esto.. hasta ahora empiezo a realizar pruebas con cositas de esta clase..
el asunto en general es crear unos campos dinamicos, y luego tomar cada uno de esos valores para ser insertados en una base de datos de mysql..
es de aclarar que los campos clonados vienen de otro que ya funciona y estos reciben informacion de la DB.
No se si soy claro..?
Aca el codigo.. este lo tome de un blog el blog de charlie.. creo.. mil disculpas si no es asi..
y este es el codigo HTML
el asunto en general es crear unos campos dinamicos, y luego tomar cada uno de esos valores para ser insertados en una base de datos de mysql..
es de aclarar que los campos clonados vienen de otro que ya funciona y estos reciben informacion de la DB.
No se si soy claro..?
Aca el codigo.. este lo tome de un blog el blog de charlie.. creo.. mil disculpas si no es asi..
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script type="text/javascript">
$(document).ready(function() {
$('#btnAdd').click(function() {
// cuántos campos de entrada "duplicables" tenemos actualmente
var num = $('.clonedInput').length;
// la ID numérica del nuevo campo de entrada que se agrega
var newNum = new Number(num + 1);
// crea el nuevo elemento a través de clone () y manipula su ID usando el valor newNum
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);
// manipular los valores de nombre / identificación de la entrada dentro del nuevo elemento
newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);
// inserte el nuevo elemento después del último campo de entrada "duplicable"
$('#input' + num).after(newElem);
// habilitar el botón "eliminar"
$('#btnDel').attr('disabled','');
// regla comercial: solo puede agregar 5 nombres
if (newNum == 5)
$('#btnAdd').attr('disabled','disabled');
});
$('#btnDel').click(function() {
// cuántos campos de entrada "duplicables" tenemos actualmente
var num = $('.clonedInput').length;
$('#input' + num).remove(); // eliminar el último elemento
// habilitar el botón "agregar"
$('#btnAdd').attr('disabled','');
// si solo queda un elemento, deshabilite el botón "eliminar"
if (num-1 == 1)
$('#btnDel').attr('disabled','disabled');
});
$('#btnDel').attr('disabled','disabled');
});
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form id="myForm">
<div id="input1" style="margin-bottom:4px;" class="clonedInput">
<fieldset>
<legend><strong><p>Datos persona a comisionar</p></strong></legend>
Documento: <input size="10" id="documento" name="documento" onkeypress="return runScript(event)" />
Nombres: <input size="35" id="nombres" name="nombres" readonly>
Cargo: <input size="25" id="cargo" name="cargo" readonly>
Grado: <input size="7" id="grado" name="grado" readonly><br><br>
Telefono Contacto: <input size="10" id="telefono" name="telefono" readonly>
Email: <input size="25" id="email" name="email" readonly>
</fieldset>
</div>
<div>
<input type="button" id="btnAdd" value="Adicionar" />
</div>
</form>
Valora esta pregunta
0