Foros del Web - Ver Mensaje Individual - ¿Cómo coger todos los values de un form a la vez y meterlos en un array?

emprear · #7 (**permalink**) 24/05/2012, 15:07

Novatillo para preguntar, pero no tanto para las aplicaciones que querés hacer...
Así

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;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var datos = "";
function elementosForm() {
var los_elementos=document.forms[0].elements;
for (i=0; i<los_elementos.length; i++) {
datos += los_elementos[i].tagName +'(' +los_elementos[i].name +')' +'- <b>Valor: <\/b><span class="rojo">' + los_elementos[i].value + '<\/span><br \/>';
}
document.getElementById("mensajes").innerHTML = datos;
}
//]]>
</script>
</head>
<body onload="elementosForm();">
<form id="form" action="#">
<div id="div0">
<h2>Base de Datos Caballos "HÍPICA JORSE"</h2>
<div id="div1"><label>Foto:</label> <label>Nombre:</label> <input id="nombre" class="estilo" type="text" name="nombre" value="" onclick="clicar(this.id)" onfocus="entrarFoco(this.id)" onblur=
"salirFoco(this.id); revisarLetra(this.id)" /><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="" onclick="clicar(this.id)" onfocus="entrarFoco(this.id)" onblur=
"salirFoco(this.id); revisarNumero(this.id)" /><br />
<br />
<label>Peso:</label> <input id="peso" class="estilo" type="text" name="peso" value="" onclick="clicar(this.id)" onfocus="entrarFoco(this.id)" onblur=
"salirFoco(this.id); revisarNumero(this.id)" /><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" onclick="clicar(this.id)" onfocus="entrarFoco(this.id)" onblur="salirFoco(this.id); revisarLetra(this.id)">
 
</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 id="anterior" type="button" name="boton1" value="Anterior" onclick="atras()" /> <input id="siguiente" type="button" name="boton2" value="Siguiente" onclick="nuevoCaballo()" /> <input id=
"listar" type="button" name="boton3" value="Listar" onclick="imprimir()" /></div>
</div>
</form>
<div id="mensajes"><!-- fix --></div>
</body>
</html>

La función está puesta onload, así que para verificar, andá cambiando los valores y recargá la página (ojo, botón recargar del navegador, sin ir de vuelta a la dirección)

Así como conseguis el tagName, el name, el value, podés acceder a otros atributos y propiedades.
a propósito, los option no tinene que tener definido un name, y no le veo la funcionalidad a los id en los mismos.
SAludos