2009-10-21 32 views
5

Solo quiero crear una lista desplegable cada vez que elijo un nuevo valor dentro que me lleve a una nueva página web. No quiero permitir que el usuario haga clic en el botón "IR" para ir a la página. Solo al seleccionar y llamar a la acción. ¿Cómo puedo hacer eso?Cómo crear un hipervínculo de lista desplegable sin el botón IR?

<form> 
<p align="center"><b>Select a Site </b> 
<select id="setit" style="color: #0000FF" size="1" name="test"> 
<option value="">Select one</option> 
    <option value="http://www.altavista.com">AltaVista</option> 
    <option value="http://www.yahoo.com">Yahoo</option> 
    <option value="http://www.google.com">Google</option></select> 
    <input type="button" value="Go" 
onclick="window.open(setit.options[setit.selectedIndex].value)"> 
</p></form> 

Aquí, por ejemplo, tendrá el botón IR y deberá hacer clic en IR para ir a la nueva página. No quiero el botón GO.

¿Alguna idea?

Respuesta

16

uso onchange evento:

<select onchange="window.open(this.value,'','');"> 
.... 
</select> 
+3

Tenga en cuenta que esto no funcionará de forma espectacular si el usuario tiene Javascript desactivado, por lo que debe tener un botón "Ir" por defecto y ocultarlo con JS. – Chuck

+0

+1 Mejor que el mío, y presta atención a Chucks Call. No quiero que los usuarios puedan navegar. –

+0

¿cómo lo escondo? – Jonathan

0

lo que concierne a lo entiende - sólo tiene que manejar onchange evento para seleccione la etiqueta. Simplemente mueva su controlador onclick allí.

0

puestos a su onclick

<input type="button" value="Go "onclick="document.location = this.value"> 

utilizo éste mucho y debería funcionar bien

(costuras demás todos de ser que le da onchange y decir no usar javascript, pero si el navegador una persona está usando no es compatible con javascript entonces mierda porque no usa Chrome u otro navegador principal)

Cuestiones relacionadas