Select Plugin Event-Weiterleitung

Hallo zusammen,
ist es denkbar möglich, Select-Plugins wie Select2, Chosen oder Selectize zu verwenden, welche das Select-Menü der Produktvarianten verstecken und dann das Click-Event, von den "Overlays" an das "originale" Auswahlmenü weiterzuleiten? Die selected-Attribute werden beim versteckten Menü richtig anzeigt, aber das Event, welche die Varianten wechselt, wird nicht ausgelöst.

Ich habe nun das change-Event des originalen Select-Menüs aufgerufen, sobald beim Select2 ein Ergebnis angeklickt wurde. Um ein erfolgreiches triggern zu prüfen hab ich selbst ein change-Listener an das Select-Menü angehängt.

Code:

---

(function($) {
    $(document).ready(function(){
        // init of the select2-plugin
        $('select').select2();

        // add event handler when a result of the select2-menu is clicked
        $('select').on('select2:select', function (event){

            // trigger change event on the original select-menu
            $(event.currentTarget).change();

        });

        // change event handler of the original-select menu
        $('select').change(function(event) {
            console.log(event.currentTarget);
        });
    });
})(jQuery);

---

Beim auswählen einer Select-Option wird jedoch nur mein Output angezeigt, der Content der Produkte wird aber nicht neu geladen, obwohl dies am selben Event hängt. Dieser Teil von Isotope fügt den change-Listener hinzu, wird aber nicht ausgeführt, wenn es manuell getriggert wird:

Code:

---

el = document.getElementById(('ctrl_'+config.attributes[i]+'_'+config.formId));
if (el) {
        el.addEventListener('change', function() {
                xhr.send(formParent.toQueryString());
        }, false);
}

---

Ideen woran das liegen könnte?

Keiner eine Idee, woran das liegen könnte? :/

Hallo Sabaid,

ich weiß dein Post liegt schon etwas zurück, aber hast du damals eine Lösung gefunden? Stehe im Moment vor einem ähnlichen Problem.

Falls jemand ein ähnliches Problem hat:

Ich habe nun unter der Vielzahl der jQuery-Select-Scripts eins gefunden, das tatsächlich mit dem Adressbuch/Checkout von isotope funktioniert ohne lange dran rum basteln zu müssen: sumoselect

Gibt es nicht als Contao-Erweiterung, kann aber easy per jQuery-Template eingebunden werden.