image
Valora:   4.14/5 de 42
Inicio » Javascript » Manual » Formularios




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>

Ejecutar ejemplo Ver código






Comparte


Aportaciones de usuarios A�adir una aportaci�n

Páginas relacionadas
   Internos

Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.