TODOS los elementos de un formulario

reonevk · #1 (**permalink**) 28/12/2012, 12:09

Buenos dias, me gustaria saber si hay alguna manera en javascript de obtener todos los elementos de un formulario.

es decir, yo no se si el formulario tendra 4,5,6... etc campos y me gustaria saber si hay alguna manera de hacer algo como:

function obtener(form)
{
for(i = 0; i < form.numElems(); i++)
{
array[i].name = form.elem(i).name;
array[i].value = form.elem(i).value;
}
}

no se si se entiende... algo asi... alguien me puede ayudar????????
gracias de antemano

emprear · #2 (**permalink**) 28/12/2012, 12:24

lee este post
http://www.forosdelweb.com/f13/recup...cript-1003134/

Aqui dejo una variante de la script

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Contar elementos</title>
<meta name="description" content="Contar elementos" />
<style type="text/css">
/*<![CDATA[*/
.rojo{
color: red;
font-weight: bold;
}
.verde{
color: green;
font-weight: bold;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var datos = "";
var valor = "";
function elementosForm() {
var los_elementos = document.getElementById('formu').elements;
for (i=0; i<los_elementos.length; i++) {
    if(los_elementos[i].value == ''){
    valor = 'sin valor';
    color = "rojo";
    }else{
        if((los_elementos[i].type == 'radio')||(los_elementos[i].type == 'checkbox')){
            if(los_elementos[i].checked == true){
            valor = los_elementos[i].value;
            }else{
            valor = "";
            }
        }else{
        valor = los_elementos[i].value;
        }
    color = "verde";
}
datos += los_elementos[i].tagName +'(' +los_elementos[i].name +')' +'- <b>Valor: <\/b><span class="'+color+'">' + valor + '<\/span><br \/>';
}
document.getElementById("mensajes").innerHTML = datos;
datos = "";
}
//]]>
</script>
</head>
<body>
<form id="formu" action="#">
<div id="div1"><label>Nombre:</label> <input id="nombre" class="estilo" type="text" name="nombre" value="" /><br />
<br />
<label>Sexo:</label> <input id="macho" name="sexo" type="radio" value="macho" /> Caballo <input id="hembra" name="sexo" type="radio" value="hembra" /> Llegua<br />
<br />
<label>Edad:</label> <input id="edad" class="estilo" type="text" name="edad" value="" /><br />
<br />
<label>Peso:</label> <input id="peso" class="estilo" type="text" name="peso" value=""/><br />
<label>Categorías:</label> A<input  type="checkbox" name="categoria" value="A"/> B <input  type="checkbox" name="categoria" value="B"/> C 
<input  type="checkbox" name="categoria" value="C"/>
<br />
<br />
<label>Raza:</label> <select id="raza" class="estilo" name="raza">
<option id="arabe" value="arabe">Árabe</option>
<option id="frison" value="frison">Frisón</option>
<option id="mustang" value="mustang">Mustang</option>
<option id="espaniol" value="espaniol">Español</option>
<option id="noruego" value="noruego">Fiordo Noruego</option>
<option id="hanoveriano" value="hanoveriano">Hanoveriano</option>
</select></div>
<div id="div2"><label>Capa:</label> <select id="capa" class="estilo" name="capa" size="3">
<option id="tordo" value="tordo">Tordo</option>
<option id="castanio" value="castanio">Castaño</option>
<option id="perla" value="perla">Perla</option>
<option id="alazar" value="alazar">Alazar</option>
<option id="negro" value="negro">Negro</option>
</select><br />
<br />
<label>Temperamento:</label> <select id="temperamento" class="estilo" name="temperamento">
<option id="docil" value="docil">Dócil</option>
<option id="nervioso" value="nervioso">Nervioso</option>
</select><br />
<br />
<label>Disciplina 1:</label> <select id="disciplina1" class="estilo" name="disciplina1">
<option id="salto" value="salto">Salto</option>
<option id="tiro" value="tiro">Tiro</option>
</select><br />
<br />
<label>Disciplina 2:</label> <select id="disciplina2" class="estilo" name="disciplina2">
<option id="raid" value="raid">Raid</option>
<option id="doma" value="doma">Doma</option>
<option id="campo" value="campo">Campo</option>
</select><br />
<br />
<label>Descripción:</label> 
<textarea id="comentarios" class="estilo" name="comentarios" rows="7" cols="30"></textarea>
<br />
<br />
<label>Subtipo:</label> <select id="subtipo" class="estilo" name="subtipo">
<option id="ligero" value="ligero">Ligero</option>
<option id="pesado" value="pesado">Pesado</option>
</select><br />
<br />
<input type="button" value="procesar" onclick="elementosForm();"/>
</div>
</form>
<div id="mensajes"><!-- fix --></div>
</body>
</html>

Saludos

reonevk · #3 (**permalink**) 28/12/2012, 13:22

ostia!!!!! muchas gracias!!!!!