Recorrer un select

0le0 · #1 (**permalink**) 20/11/2008, 13:24

Saludos a todos.
Estoy trabajando con un form que tiene 2 campos select y quisiera recorrer cada una de las opciones pero me pierdo en las instrucciones.
Esto es lo que tengo:

Código:

function validarCiclo(formulario)
{	
	for(var i=0;i<document.myform.cicloA.length;i++)
	{
	//for(var z=0;z<document.myform.length;z++)
	alert(document.myform.cicloA.elements[i].value);
}

****************
<body>
<form name="myform" onsubmit="return validarCiclo(this.form);"  >
<table>
<tr>
<td>Ciclo de Atención
<td><select name="cicloA" size="1" >
   <option value="0">Por definir</option>
   <option value="1">2008-2009</option>
   <option value="2">2009-2010</option>
   <option value="3">2010-2011</option>
   <option value="4">2011-2012</option>
   </select>
</td>     
</tr>
<tr>
<td>Ciclo de Atención2
<td><select name="cicloA2" size="1" >
   <option value="0">Por definir</option>
   <option value="1">2008-2009</option>
   <option value="2">2009-2010</option>
   <option value="3">2010-2011</option>
   <option value="4">2011-2012</option>
   </select>
</td>     
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit">
</tr>
</table>
</form>
</body>

Como puedo accesar a los valores de cada select por medio de un for??
Es algo como esto pero no entiedo:

Código:

window.document.customerform.elements["firstname"].

0le0 · #2 (**permalink**) 20/11/2008, 13:39

function validarCiclo(formulario)
{ alert("tamaño:"+document.myform.cicloA.length);
alert(document.myform.elements.length);
for(var i=0;i<document.myform.elements.length;i++)
{
for(var z=0;z<document.myform.elements[i].length;z++)
alert("i"+i+" z"+z+document.myform.elements[i].options[z].value);
}
}

</head>

<body>
<form name="myform" onsubmit="return validarCiclo(this.form);" >
<table>
<tr>
<td>Ciclo de Atención
<td><select name="cicloA" size="1" >
<option value="0">Por definir</option>
<option value="1">2008-2009</option>
<option value="2">2009-2010</option>
<option value="3">2010-2011</option>
<option value="4">2011-2012</option>
</select>
</td>
</tr>
<tr>
<td>Ciclo de Atención2
<td><select name="cicloA2" size="1" >
<option value="0a">Por definir</option>
<option value="1a">2008-2009</option>
<option value="2a">2009-2010</option>
<option value="3a">2010-2011</option>
<option value="4a">2011-2012</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit">
</tr>
</table>
</form>
</body>
</html>

[/CODE]

Yeah

David · #3 (**permalink**) 20/11/2008, 13:40

Código javascript:

Ver originalfunction validarCiclo(formulario)
{    
    for(var i=0;i<document.myform.cicloA.length;i++)
    {
    //for(var z=0;z<document.myform.length;z++)
    alert(document.myform.cicloA.elements[i].value);
}

Ese código que tienes está más o menos bien. Solo que tienes algunos problemas, primero, que debe ir entre etiquetas <script> y </script>. Otra cosa, en la línea 4 estás abriendo una llave para el bucle for pero no la estás cerrando en ninguna parte con la llave de cierre (}), además, en la línea 6 no debería ser elements sino options para recorrer las opciones del select.