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>


También te podría interesar:

  1. Curso Online Introducción al HTML y CSS
  2. Curso Online Bases de HTML5
  3. Curso online Cómo Programar para Emprendedores - HTML y CSS
  4. Arrastrar elementos html con jQuery UI + mini juego rompecabezas.


¡Ayúdanos a seguir creciendo, comparte en tus Redes Sociales!

Siguiente
« Prev Post
Anterior
Next Post »

2 comentarios

Click here for comentarios
seba_dottori
admin
17 de mayo de 2017, 18:05 ×

como se puede hacer para que abra el link en otra ventana?

Reply
avatar
1 de octubre de 2017, 3:50 ×

Gracias por el articulo lo voy a implementar rapidamente en unas mejoras que quiero hacer para seleccionar desde el foot varias paginas http://espaciolaboral.org

Reply
avatar