Chosen: Abrir lista suspensa quando tabulado no campo

Criado em 23 mai. 2014 · 4Comentários · Fonte: harvesthq/chosen

Olá,

Existe uma maneira de abrir a lista suspensa quando o usuário acessa a guia de seleção escolhida?
Eu não vi nada nos documentos sobre isso, mas, novamente, poderia ter perdido.

Encontrei isto após uma pesquisa 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');
    }    
});

Vai dar isso atrás. Suponho que não haja uma opção embutida, no entanto?

Obrigado

Fonte

SFPink

Comentários muito úteis

Solução temporária:

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');
    }
});

SFPink em 11 jun. 2014

👍3

Todos 4 comentários

Escolhido aciona eventos focus , então o seguinte deve funcionar:

$('body').on('focus', '.chosen-select', function(event){
  $(this).trigger('chosen:open');
});

Os eventos em seu código encontrado são antigos e não são mais suportados.

koenpunt em 24 mai. 2014

Que pena, o evento de foco não é acionado no próprio select.

koenpunt em 24 mai. 2014

Solução temporária:

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');
    }
});

SFPink em 11 jun. 2014

👍3

A solução temporária do @SFPink parece uma boa solução alternativa. Estou fechando isso!