Disparador, haga clic en el cuadro de selección al desplazarse

Estoy intentando que un cuadro de select se abra automáticamente cuando el uso se desplace sobre él, como si lo hubieran hecho clic. es posible?

Pensaría que podría hacer esto fácilmente con jQuery …

 $("#settings-select").mouseover( function(){ $(this).trigger("click"); } ); 

Pero eso no hace nada. ¿Algunas ideas?

¡Finalmente conseguí que esto funcionara! Necesitas Elegido ; como otros han señalado, no puede hacer esto con una select normal porque no hay eventos disponibles para usar. Pero esto abrirá el menú de repente cuando coloques el mouse sobre la select y lo cierres cuando muevas el mouse, que es el efecto exacto que quería.

HTML:

  

JS:

 $("#dropdown").chosen().next(".chzn-container").hover( function(){ $("#dropdown").trigger("liszt:open"); }, function(){ $(this).trigger("click"); } ); 

$("#dropdown").trigger("liszt:open"); es lo que abre el menú. No hay liszt:close evento liszt:close para que se active cuando quieras cerrarlo (hasta donde yo sé), pero disparar un click tiene el mismo efecto.

Ha pasado un tiempo, pero hay una solución que no veo aquí, usando el hover para cambiar la duración de la select :

 $('select').hover(function() { $(this).attr('size', $('option').length); }, function() { $(this).attr('size', 1); }); 

http://codepen.io/anon/pen/avdavQ

Y aquí hay un bolígrafo donde es un poco más que la simple necesidad y tiene un poco de estilo:

Manifestación

trigger solo llama a las funciones vinculadas a través de una de las funciones de enlace de jQuery.

No hay una forma de navegador cruzado para abrir una selección de javascript (es posible llamar a this.click() en algunas versiones de IE pero no puedo probar, y estoy seguro de que no hay forma de que otros navegadores lo hagan) .

Esto no es posible. Solo puede implementar su propio select-box o complemento elegido , pero esto es malo para la usabilidad. También piense en el trigger('focus') .

Lamentablemente, el método con Elegido – no funcionó para mí.

Pero pensé que podría hacer mi propio selector en jQuery.

HTML:

 

Select option

JS:

 $('.hidden p').click(function(){ $(this).closest('.select').find('.input').text($(this).text()); $(this).closest('.select').find('input').val($(this).attr('value')); $(this).closest('.select').trigger("change"); }); $('.select').change(function(){ // ... do stuff }); 

https://codepen.io/qwer643/pen/LebKpo