web-dev-qa-db-fra.com

Événement de changement de sélection dynamique2 ne se déclenchant pas

J'ai un formulaire avec quelques sélections à l'intérieur. J'applique le plugin select2 jquery sur ces sélections comme ceci:

$("select.company_select, select.positions_select").select2();

La sélection fonctionne bien, mais j'ai ce code pour soumettre automatiquement mon formulaire (j'ai la classe de soumission automatique sur la balise de formulaire).

var currentData;
    $('.autosubmit input, .autosubmit select, .autosubmit textarea').live('focus', function () {
        currentData = $(this).val();
    });

    $('.autosubmit input, .autosubmit select, .autosubmit textarea').live('change', function () {
        console.log('autosubmiting...');
        var $this = $(this);
        if (!currentData || currentData != $this.val()) {
            $($this.get(0).form).ajaxSubmit(function (response, status, xhr, $form) {
                currentData = "";
            });
        }
    });

Le fait est qu'avec le select2, le changement ou l'événement focus ne se déclenche pas du tout. Si je supprime le select2, les événements se déclenchent parfaitement.

Qu'est-ce que je fais mal?

jqueryeventsonchangejquery-select2
23
Phoenix_uy

Select2 n'a que 2 événements, open et change ( http://select2.github.io/select2/#events ), vous ne pouvez ajouter que des écouteurs pour eux. Vous pouvez utiliser open événement au lieu de focus pour l'élément <select>. Et veuillez ne pas utiliser la méthode live(), car elle est déconseillée. Utilisez à la place on().

var currentData;
$(".autosubmit select").on("open", function() {
    currentData = $(this).val();
});
$(".autosubmit input").on("focus", function() {
    currentData = $(this).val();
});
$(".autosubmit input, .autosubmit select").on("change", function() {
    var $this = $(this);
    console.log('autosubmitting');
    if (!currentData || currentData != $this.val()) {
        $($this.get(0).form).ajaxSubmit(function (response, status, xhr, $form) {
            currentData = "";
        });
    }
});

Voici le violon

30
Mikhail Chernykh