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