Hola,
¿Hay alguna forma de abrir el menú desplegable cuando el usuario selecciona la selección elegida?
No he visto nada en los documentos con respecto a esto, pero, de nuevo, podría haberlo perdido.
Encontré esto después de una búsqueda rápida:
$('body').on('focus', '.chosen-container-single input', function(){
if (!$(this).closest('.chosen-container').hasClass('chosen-container-active')){
$(this).closest('.chosen-container').trigger('mousedown');
//or use this instead
//$('#select').trigger('liszt:open');
}
});
Daré esto hace. Sin embargo, supongo que no hay una opción incorporada.
Gracias
Elegido desencadena eventos focus
, por lo que lo siguiente debería funcionar:
$('body').on('focus', '.chosen-select', function(event){
$(this).trigger('chosen:open');
});
Los eventos en su código encontrado son antiguos y ya no son compatibles.
Mi mal, el evento de enfoque no se activa en la selección en sí.
Solución temporal:
jQuery('body').on('focus', '.chosen-container-single input', function () {
if (!jQuery(this).closest('.chosen-container').hasClass('chosen-container-active')) {
jQuery(this).closest('.chosen-container').prev().trigger('chosen:open');
}
});
La solución temporal de @SFPink parece una buena solución. ¡Estoy cerrando esto!
Comentario más útil
Solución temporal: