web-dev-qa-db-fra.com

Obtenir la valeur sélectionnée dans les zones de sélection multivaleur par jquery-select2?

J'utilise Select2 Jquery pour relier ma liste déroulante utilisée pour la sélection multiple. J'utilise select2 jquery.

Cela fonctionne bien, je peux relier ma liste déroulante mais je dois obtenir la valeur sélectionnée à partir de mon sélecteur à valeurs multiples. Je cherche une méthode pour obtenir de la valeur qui est supportée par select2 Jquery. il se peut qu’une fonction obtienne la valeur sélectionnée.
mon code de liaison déroulant

$(".leaderMultiSelctdropdown").select2( {
    maximumSelectionSize: 4
});
44
Kaps Hasija
alert("Selected value is: "+$(".leaderMultiSelctdropdown").select2("val"));

sinon, si vous utilisez une boîte de sélection standard comme base, vous devriez également pouvoir utiliser l'appel jquery normal:

alert("Selected value is: "+$(".leaderMultiSelctdropdown").val());

les deux renvoient un tableau des clés sélectionnées.

74
Manuel Schweigert

Je sais qu'il est tard mais je pense que tu peux essayer comme ça

$("#multipledpdwn").on("select2:select select2:unselect", function (e) {

    //this returns all the selected item
    var items= $(this).val();       

    //Gets the last selected item
    var lastSelectedItem = e.params.data.id;

})

J'espère que cela pourra aider quelqu'un à l'avenir. 

23
ksg

Renvoie les données sélectionnées dans la structure de l'objet:

console.log($(".leaderMultiSelctdropdown").select2('data'));

Quelque chose comme:

   [{id:"1",text:"Text",disabled:false,selected:true},{id:"2",text:"Text2",disabled:false,selected:true}]

Renvoie le val sélectionné:

console.log($('.leaderMultiSelctdropdown').val());
console.log($('.leaderMultiSelctdropdown').select2("val"));

Quelque chose comme:

["1", "2"]
17
Jaskey

Essayez comme ça,

jQuery('.leaderMultiSelctdropdown').select2('data');
5
user4310702

Simplement: 

$(".leaderMultiSelctdropdown").val()
2
Amro Mustafa

Vous devriez essayer ce code.  

 $("#multiple_Package_Ids_checkboxes").on('change', function (e) { 
        var totAmt = 0;
        $.each($(this).find(":selected"), function (i, item) { 
            totAmt += $(item).data("price");
            });
        $("#PackTotAmt").text(totAmt);
    }); 
1
Deepak Jha

Essaye ça: 

  $('.select').on('select2:selecting select2:unselecting', function(e) {

      var value = e.params.args.data.id;

  });
0
Rodolpho Gheleri