Javascript : Recorrer elementos de un formulario. Función y código Fuente

28 Mayo, 2009 por admin Dejar una respuesta »

Función y Código Fuente  para recorrer los elementos de un formulario y sus propiedades con Javascript cliente.

Este es un simple ejemplo en el que podemos ver las propiedades NAME,TYPE y VALUE.(existen muchas más). Para ello usaremos la colección elements que nos proporcionara todos los nodos del documento.

Usando la propiedad document.frm.elements.length podremos saber el número de items y así recorrer todos los elementos del documento HTML



<script>
function RecorrerForm(){
var sStr = "";
var frm=document.frm;
for (i=0;i<document.frm.elements.length;i++)
{
sAux += "NOMBRE: " + frm.elements[i].name;
sAux += “TIPO : ” + frm.elements[i].type;
sAux += “VALOR: ” + frm.elements[i].value + “\n” ;
}
alert(sStr);
}
</script>


<form name="frm">
<input type="text" value="" name="nombre"><br>
<input type="text" value="" name="apellidos"><br>
<input type="text" value="" name="telefono"><br>
<input type="text" value="" name="ciudad"><br>
<input type="text" value="" name="pais"><br>
<input type="submit" value="Aceptar" onclick="javascript:RecorrerForm();" >
</form>

Posiblemente este ejemplo no tenga mucha útilidad pero es una pequeña muestra de la potencia de javascript al recorrer la jerarquia de NODOS de un documento HTML.

Publicidad

2 comentarios

  1. Marc dice:

    Si cuelgas scripts en internet, almenos que sean correctos. No pongas un script cuya impresion sea siempre NULL. Adivina el por que…

  2. Heidy dice:

    En cambio a mi …. me sirvio muchisimo…Marc quieres que te den todo listo?… Un Saludo

Dejar un comentario

*