El objeto select
Por
Lola C�rdenas y Joaquin Gracia.
rinconprog.metropoli2000.com
Este objeto representa una lista de opciones dentro de un formulario. Puede tratarse de una lista desplegable de la que podremos escoger alguna (o algunas) de sus opciones.
Propiedades
del objeto select
- length.
Valor num�rico que nos indica cu�ntas opciones tiene la lista
- name.
Es una cadena que contiene el valor del par�metro NAME
- options.
Se trata de un array que contiene cada una de las opciones de la lista. Este array tiene, a su vez, las siguientes propiedades:
- defaultSelected. Valor booleano que nos indica si la opci�n est� seleccionada por defecto.
- index. Valor num�rico que nos da la posici�n de la opci�n dentro de la lista.
- length. Valor num�rico que nos dice cu�ntas opciones tiene la lista.
- options. Cadena con todo el c�digo HTML de la lista.
- selected. Valor booleano que nos dice si la opci�n est� actualmente seleccionada o no.
- text. Cadena con el texto mostrado en la lista de una opci�n concreta.
- value. Es una cadena que contiene el valor del par�metro VALUE de la opci�n concreta de la lista.
- selectedIndex.
Valor num�rico que nos dice cu�l de todas las opciones disponibles est� actualmente seleccionada.
<!-- Manual de JavaScript de WebEstilo.com -->
<HTML>
<HEAD>
<title>Ejemplo de JavaScript</title>
</HEAD>
<script LANGUAGE="JavaScript">
<!--
function Mostrar(boton)
{
msg="Elementos:"+formulario.edad.length+"\n";
msg+="Edad: "+formulario.edad.options[formulario.edad.selectedIndex].value+"\n";
alert(msg);
}
//-->
</script>
<BODY>
<form action="procesa.phtml" name="formulario" id="formulario" method="GET">
Edad:<br>
<select name="edad">
<option value="<18" SELECTED>Menor de 18 a�os</option>
<option value=">18 y <60">Entre 18 y 60 a�os</option>
<option value=">60">Mayor de 60 a�os</option>
</select>
</form>
<A href="javascript:Mostrar()">Ver valores</A>
</BODY>
</HTML>