Remove javascript

amerkmif · #1 (**permalink**) 31/03/2014, 16:58

Buenas tardes a todos:

Estoy realizando un formulario con HTML y JavaScript en el cual inserto un valor numérico en un input y se construyen input con respecto al número insertado, esto se realiza correctamente.

Mi pregunta es cómo puedo hacer para que se borren los input que ya se construyeron ejemplo si borro el valor numérico se debe borrar los input que previamente había construido.

Ejemplo:

Inserto el número 5 y se construyen 5 input si borro el número 5 deberían borrarse los input insertados

Aquí dejo el código

Código:

<!DOCTYPE html>
<html>
<head>
<script>
 function validarHijos(frm)
            {
                var numHijos = document.getElementById("numeroHijosU").value;
                var num = 0;               
                for(var i=0;i<numHijos;i++){                  
                    elem=document.createElement('input');
                    elem3=document.createElement('br');
                    num++;
                    elem.name="hijos"+num;
                    frm.appendChild(elem);
                    frm.appendChild(elem3)
                }                                     
            }
</script>
</head>
<body>
<form>
 Número de hijos:<input type="text" id="numeroHijosU" name="numeroHijosU" onkeyup="validarHijos(this.form);">
<br>
</form>
</body>
</html>

Les agradezco si me pueden ayudar

Alexis88 · #2 (**permalink**) 31/03/2014, 18:46

Del mismo modo en el que añades elementos con el método appendChild, los puedes eliminar con el método removeChild. Solamente bastaría con que le pases a dicho método el identificador del elemento a eliminar.

Saludos