[AYUDA] Crear boton "borrar" en formulario dinamico.
Publicado por Jhon (1 intervención) el 09/01/2012 02:09:36
Buenas soy bastante noob en esto y tengo un campo dinamico en el cual cada vez que se presiona el boton "crear" agrega un campo de texto, mi problema es el como hacer un boton que al presionarlo borre de a 1 campo de texto comenzando a borrar desde el ultimo creado.
Les dejo el script que tengo hasta el momento y el progreso de la funcion "borrar":
<html>
<head>
<title>Documento sin título</title>
</head>
<body>
<form name="form1" method="POST" action="guardarFormulario.php">
<input type="button" value="Crear" onclick="crear(this)">
<input type="button" name="b2" value="Quitar" onClick="borrar()" >
<fieldset id="fiel">
</fieldset>
<input name="botonGuardar" type="submit" value="Guardar" onclick="enviar(this)">
</form>
</body>
</html>
No logro hacer funcional la funcion de borrar, si alguien sabe como podria lograrlo desde ya gracias :D
Les dejo el script que tengo hasta el momento y el progreso de la funcion "borrar":
<html>
<head>
<title>Documento sin título</title>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
num=0;function crear(obj) {
num++;
fi = document.getElementById('fiel');
contenedor = document.createElement('div');
contenedor.id = 'div'+num;
fi.appendChild(contenedor);
ele = document.createElement('input');
ele.type = 'text';
ele.name = 'text'+num;
contenedor.appendChild(ele);
}function borrar() {
fi = document.getElementById('fiel');
fi.removeChild(document.getElementById(obj));
}</script>
</head>
<body>
<form name="form1" method="POST" action="guardarFormulario.php">
<input type="button" value="Crear" onclick="crear(this)">
<input type="button" name="b2" value="Quitar" onClick="borrar()" >
<fieldset id="fiel">
</fieldset>
<input name="botonGuardar" type="submit" value="Guardar" onclick="enviar(this)">
</form>
</body>
</html>
No logro hacer funcional la funcion de borrar, si alguien sabe como podria lograrlo desde ya gracias :D
Valora esta pregunta
0