Crear un select (combo) que envíe a otra página

Bienvenidos a VerTutoriales.com, en esta ocasión respondiendo a Lalo un visitante asiduo de VerTutoriales, vamos a ver como crear un menú desplegable o select en html que nos envíe a otra página web al seleccionar una opción de este combo.

Lo primero de todo es crear un código en javascript, ya que html no puede gestionar este salto o envío a otra web.

<script type=»text/javascript»>

<!–function MM_jumpMenu(targ,selObj,restore){ //v3.0  eval(targ+».location='»+selObj.options[selObj.selectedIndex].value+»‘»);

if (restore) selObj.selectedIndex=0;}//–>

</script>

Esta función anterior que la podéis generar con Dreamweaver también podéis copiarla y pegarla sin problema 🙂

Luego simplemente tendréis que llamarla desde el formulario de

<form name=»form» id=»form»>

<select name=»jumpMenu» id=»jumpMenu» onchange=»MM_jumpMenu(‘parent’,this,0)»>

<option value=»http://www.dkreativo.es»>elemento1</option>

<option value=»http://www.vertutoriales.com»>elemento2</option>

</select>

</form>

Así de simple, el nombre del select puede ser el que os guste, lo que tenéis que tener en cuenta es la llamada desde el evento onchange que hace referencia a nuestra función en javascript


Carlos Dk

Apasionado por la enseñanza y el SEO

2 comentarios sobre “Crear un select (combo) que envíe a otra página

  • el 4 noviembre, 2018 a las 8:30 pm
    Permalink

    No pensé que fuera tan facil, gracias por el codigo.

    Respuesta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.