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 en “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 una respuesta

Tu dirección de correo electrónico no será publicada.

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