2011-03-01 53 views
5
<select class="input" style="width:200px"> 
     <option>---</option> 
     <option onclick="window.location="link.php">one</option> 
     <option onclick="window.location="link2.php"">two</option> 
    </select> 

No funciona en Chrome, funciona en Opera/Mozilla, etc. ¿Algún consejo?Onclick no funciona en Chrome

+2

Sí, no use el atributo 'onclick'. – BoltClock

+7

Cada vez que alguien usa --- como una opción, un diseñador de interfaz de usuario recibe un ataque al corazón. Use el grupo de opciones, por favor. –

+2

@WTP ¿Cómo me ayuda 'optgroup' tener una opción predeterminada vacía? – Tomalak

Respuesta

19
<select class="input" onchange="window.location.href = this.value" style="width:200px"> 
     <option>---</option> 
     <option value="link.php">one</option> 
     <option value="link2.php">two</option> 
    </select> 

Sé que no es exactamente lo mismo ... pero tener un evento click en la opción de una lista de selección no es una buena práctica. En lugar de onchange, podrías haber hecho clic también ... pero el cambio realmente es la manera de hacer esto, en mi opinión.

3

¿Las comillas dobles dentro de los atributos onclick no están pensadas para ser comillas simples?

+0

¿Por qué el código actual funcionaría entonces en Gecko y Presto? –

+0

@Radek S: Una cosa que se me ocurre es la indulgencia del analizador (léase: smartassery). – BoltClock

+0

@BoltClock Realmente no puedo creer que Gecko sea más inteligente que WebKit. Oh bueno, tal vez lo es. :) –

4

Probablemente el enfoque más seguro es usar el evento onchange del elemento seleccionado y usar su valor para determinar la acción a tomar. No creo que onclick funcione para la opción en IE, tampoco.

0

El onclick no funcionará del modo en que intentas que funcione, y tendrás que dar cuenta de las diferencias en la forma en que los navegadores tratan el objeto select. Le aconsejo que utilice el evento onchange en el objeto select, luego pruebe la opción seleccionada. Tenga en cuenta que estos eventos disparan de manera diferente en diferentes navegadores.

Cuestiones relacionadas