Chosen: Dropdown-Liste öffnen, wenn auf Feld getippt

Erstellt am 23. Mai 2014  ·  4Kommentare  ·  Quelle: harvesthq/chosen

Hallo,

Gibt es eine Möglichkeit, das Dropdown-Menü zu öffnen, wenn der Benutzer auf die ausgewählte Auswahl tippt?
Ich habe diesbezüglich nichts in den Dokumenten gesehen, aber andererseits hätte ich es übersehen können.

Habe das nach kurzer Suche gefunden:

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

Werde das her geben. Ich glaube nicht, dass da eine Option eingebaut ist?

Vielen Dank

Hilfreichster Kommentar

Vorübergehende Lösung:

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

Alle 4 Kommentare

Chosen löst ein focus Ereignis aus, daher sollte Folgendes funktionieren:

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

Die Ereignisse in Ihrem gefundenen Code sind alt und werden nicht mehr unterstützt.

Mein Problem, das Fokusereignis wird nicht beim Auswählen selbst ausgelöst.

Vorübergehende Lösung:

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

Die temporäre Lösung von @SFPink sieht nach einer guten Problemumgehung aus. Ich schließe das!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen