Una de las opciones de los formularios son las listas desplegables. A través de Javascript se puede hacer una lista, pero de direcciones a las que se irá al pulsar sobre ellas o sobre un botón:
Veámoslo con un ejemplo:
<FORM>
<SELECT NAME="listita">
<OPTION VALUE="http://www.pangea.org">Pangea
<OPTION VALUE="http://www.pangea.org/edualter">Edualter
<OPTION VALUE="http://www.pangea.org/pacoc">Página de Paco
</SELECT>
<INPUT TYPE=button VALUE="Pulsa para ir"
onClick="top.location.href=this.form.listita.options[this.form
.listita.selectedIndex].value">
</FORM>
Este es el resultado:
Se pueden poner tantas opciones como se quiera.
Otra manera de hacer estas listas es sin botón, es decir, que al clicar sobre la opción de la lista ya vayamos a la página. Para ello utilizamos el evento onchange, es decir, al cambiar. Como este evento sólo funciona al cambiar de selección, conviene poner como primer elemento de la lista un título o algo que oblige a cambiar para elegir la dirección. Un ejemplo sería:
<FORM>
<SELECT onchange="top.location= (this.options[this.selectedIndex].value)">
<option value="javascript.htm">Elige una opción:
<option value="javascript.htm">==============
<option value="http://www.pangea.org">Pangea
<option value="http://www.pangea.org">Página de Paco
</select>
</form>
El resultado sería:
