Array de <Select>

PosProdukcion · #1 (**permalink**) 08/11/2007, 06:32

Hola, tengo una pagina donde puedo tener uno o varios campos <Select> llamados igual, pongamos de nombre "campo"

Al intentar capturar el valor por Javascript me encuentro con un problema, ya que trata de forma diferente si hay varios que si solo hay uno:

Si hay varios, document.formMiForma.campo[0].value me da el valor del primer select

Pero si hay solo uno, document.formMiForma.campo[0].value me da el valor del primer indice

He probado con document.getElementsByName('campo'), pero el resultado se comporta igual

No puedo poner un Id al <select> porque viene de una libreria

¿Hay alguna solución directa?

Gracias

ZiTAL · #2 (**permalink**) 08/11/2007, 09:51

a ver si te gusta esto:

Código HTML:

<html>
 <head>
  <script type="text/javascript">
   function Txek()
    {
	var form = document.getElementById("formu");    	
	var inputs = form.getElementsByTagName("select");	
	for (var i = 0; i < inputs.length; i++) 
	 {
	  alert(inputs[i].options[inputs[i].selectedIndex].value);
	 }
    }
  </script>
 </head>
 <body>
  <form id="formu">
  <select name="campo">
   <option value="1">1</value>
   <option value="2">2</value>
  </select>
 <select name="campo">
   <option value="3">3</value>
   <option value="4">4</value>
  </select>  
  <input type="button" value="Checkear" onclick="Txek()"/>
  </form>
 </body>
</html>

lo acabo de hacer a ver si te sirve como punto de partida.

Con selectedIndex cogemos el valor que esta elegido.