Navegar
con menu desplegable haciendo clic en boton
Ejemplo, prueba como funciona
script language="JavaScript">
<!-- Hide the script from old browsers --
function surfto0(form) {
var myindex=form.dest.selectedIndex
location=form.dest.options[myindex].value;
}
//--></script>
</p>
<form name="myform">
<select name="dest" size="1">
<option selected value="http://www.sudireccion1.htm">titulo1
<option value="sudireccion2.htm">titulo2
<option value="sudireccion3.htm">titulo3
<option value="sudireccion4.htm">titulo4
</option>
</select> <input onclick="surfto0(this.form)" type="button" value="Ir ahora">
Copia y pega, asi de simple. Ubica este codigo donde quieras dentro de tu documento.
No olvides cambiar las URL y los titulos de
estas, y ya esta operativo para ti.
Navegar con
menu desplegable al seleccionar
Ejemplo, prueba como funciona
Observación: La dirección
seleccionada no se llamará si esta presente, hasta que no sea
seleccionada nuevamente.Es decir el valor cambia para la dirección
anterior y lo llevará directamente sin hacer click, con solo seleccionarla.Si
marca "elija donde ir" no lo enviará a ninguna dirección.
<SCRIPT language=JavaScript>
<!-- Hide the script from old browsers --
function surfto(form) {
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0") {
location=form.select1.options[myindex].value;}
}
//-->
</SCRIPT>
<FORM name=form1><SELECT name=select1 onchange=surfto(this.form) size=1> <OPTION
value=0>-----Elija donde ir -----<OPTION
value=http://www.sudireccion1.htm>titulo1<OPTION
value=http://www.sudireccion2.htm>titulo2<OPTION selected
value=http://www.sudireccion3.htm>titulo3<OPTION
value=http://www.su direccion4.htm/>titulo4
Page</OPTION></SELECT> </FORM>
Copia y pega, asi de simple. Ubica este codigo donde quieras dentro de tu documento.
No olvides cambiar las URL y los titulos de estas; y ya operativo.
Navegar
con menu desplegables haciendo clic en doble menu
Ejemplo, prueba como funciona
<script language="JavaScript">
<!-- Hide the script from old browsers --
function surfto1(form) {
var myindex=form.select1.selectedIndex
location=form.select1.options[myindex].value;
}
function surfto2(form) {
var myindex=form.select2.selectedIndex
location=form.select2.options[myindex].value;
}
//-->
</script>
</p>
<form name="form1">
<select name="select1" size="1">
<option selected value="www.sudireccion1.htm">titulo1
<option value="http://www.sudireccion2.htm">titulo2
<option value="http://www.sudireccion3.htm">titulo3
<option value="http://www.sudireccion4.htm">titulo4</option>
</select> <input onclick="surfto1(this.form)" type="button" value="Vamos">
</form>
<form name="form2">
<select name="select2" size="1">
<option selected value="http://www.redireccion1.com">Nombreredireccion1
<option value="http://www.redireccion2.com">Nombreredireccion2
<option value="http://www.redireccion3.com">Nombreredireccion3
<option value="http://www.redireccion4i.com">Nombreredireccion4
</option>
</select> <input onclick="surfto2(this.form)" type="button" value="Vamos">
</form>
Copia y pega, asi de simple. Ubica este codigo donde quieras dentro de tu documento
No olvides cambiar las URL y los titulos de estas; y ya operativo.