MeetCheap

domingo, 21 de septiembre de 2014

HTML - Lista desplegable con enlaces

Sí queremos colocar una larga lista de enlaces en nuestro sitio web, una buena idea es hacer una lista desplegable en html, con la cual al elegir una opción y hacer clic en un botón de "ir" podamos abrir dicho enlace.
Para ello copiaremos y pegaremos el siguiente código en nuestro sitio web:

<center><form name="link"><select name="menu">
<option selected="selected">Elige un enlace</option>
<option value="http://tuenlace.com">Primer enlace</option>
<option value="http://tuenlace.com">Segundo enlace</option>
<option value="http://tuenlace.com">Tercer enlace</option>
</select>  <input onclick="location=document.link.menu.options[document.link.menu.selectedIndex].value;" type="button" value="Ir" /><span style="line-height: 1.3em;"> </span></form></center>

Solo debemos editar las líneas que se refieren a los enlaces, "primer enlace" lo cambiaremos por el texto que queremos muestre para dicha opción, y http://tuenlace.com lo cambiaremos por el enlace a donde queremos ser dirigidos.

A continuación se muestra un ejemplo de esta lista desplegable:


 

Sí queremos agregar más opciones solo debemos agregar una linea con la etiqueta option


<option value="http://tuenlace.com">Agregar otro enlace</option>

No hay comentarios:

Publicar un comentario