Crear boton "borrar" en formulario dinamico.

Sabin · #1 (**permalink**) 08/01/2012, 18:47

Buenas, 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 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>

Código Javascript:

Ver original<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

IsaBelM · #2 (**permalink**) 09/01/2012, 06:15

lee como recorrer el árbol del dom