Obtenez de l'option sélectionnée dans Select2 cas, lorsque plusieurs options peuvent être sélectionnées

Comment puis-je mettre la main sur le <option> qui a été sélectionné lors de l'écoute de la select2:select événement? Notez que c'est simple lors de l'utilisation d'une sélection unique, comme lors de la seule option est sélectionnée, ce doit être celle qui a été choisie. Je voudrais également être en mesure de trouver l'option qui a été choisie lors de l'utilisation d'une sélection multiple (<select multiple>).

Dans le select2:unselect cas, la partie non sélectionnée <option> est disponible par le biais de e.params.data.element, mais il n'en est pas ainsi dans la select2:select événement. Je ne vois pas pourquoi l' <option> ne devrait pas être disponible, car il est créé à cette époque. Pour le select2:selecting cas, cependant, la <option> n'est pas encore créé, et il ne peut évidemment pas être disponible lorsque l'événement est déclenché.

OriginalL'auteur Magnar Myrtveit | 2016-05-21

  1. 15

    J'ai utilisé les méthodes suivantes pour obtenir le courant sélectionné dans Select2 (c'est pour la version 4 et plus):

    //single value
var test = $('#test');
test.on("select2:select", function(event) {
  var value = $(event.currentTarget).find("option:selected").val();
  console.log(value);
});

    Mise à JOUR: Multi Valeurs Sélectionnées (avec et sans le dernier sélectionné)

    //multi values, with last selected
var old_values = [];
var test = $("#test");
test.on("select2:select", function(event) {
  var values = [];
  //copy all option values from selected
  $(event.currentTarget).find("option:selected").each(function(i, selected){ 
    values[i] = $(selected).text();
  });
  //doing a diff of old_values gives the new values selected
  var last = $(values).not(old_values).get();
  //update old_values for future use
  old_values = values;
  //output values (all current values selected)
  console.log("selected values: ", values);
  //output last added value
  console.log("last added: ", last);
});
    Ne cela il suffit de trouver la valeur de la première option parmi les options qui sont-ils sélectionnés? J'aimerais avoir l'option qui a été choisie, même si il y a plusieurs options sélectionnées.
    Que je suggère de ne pas utiliser le .val();
    Oui. Pour obtenir l'option qui a été choisie, j'aurais à faire une liste de toutes les options sélectionnées, et de voir quelle option est maintenant sélectionné, mais n'est pas dans la liste. Ou avez-vous une meilleure idée?
    Peut-être que vous devez préciser votre question, ajouter la multi-sélection dans le titre par exemple.
    Bonne idée. Fait 🙂

    OriginalL'auteur Dennis