Menú desplegable con un formulario select

Este elemento de navegación consiste en un formulario HTML estándar de tipo Select en el cual cada opción tiene un enlace asociado que se activa al seleccionarla.

El código consta de dos partes el codigo HTML y el código Javascript

 

CÓDIGO HTML

<form>
<select name=”ad” onchange=”salta(this.form)”>
<option selected> SELECCIONA LA PAGINA A VISITAR
<option value=”URL DE LA PAGINA WEB”>texto
<option value=”URL DE LA PAGINA WEB”>texto
<option value=”URL DE LA PAGINA WEB”>texto
</select>
</form>

 Para añadir otra opción, será necesario situar en el formulario del código HTML otra línea del tipo:

<option value=”URL DE LAPAGINA WEB”>texto

Código javascript

<SCRIPT LANGUAGE=”JavaScript”>
function salta(Sel){
if (Sel.ad.selectedIndex != 0){
document.location=Sel.ad.options[Sel.ad.selectedIndex].value
}}
</SCRIPT>

Facebook: https://www.facebook.com/EIMafias/

Twitter:@ElMafiasdelTuit

Instagram: https://www.instagram.com/paramissuperioresoficial/

Twitch: https://www.twitch.tv/eimafias/