Получить выбранное значение из многозначных ящиков выбора по jquery-select2?

Я использую Select2 Jquery для привязки моего раскрывающегося списка, которое используется для множественного выбора. Я использую select2 jquery.

Он отлично работает, я могу связать свое раскрывающееся меню, но мне нужно получить выбранное значение из моего многозначного селектора. Я ищу метод для получения значения, который поддерживается select2 JQuery. он может иметь функцию, которая получает выбранное значение.
мой код привязки вниз

$(".leaderMultiSelctdropdown").select2( {
    maximumSelectionSize: 4
});

Ответ 1

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

альтернативно, если вы использовали обычный selectbox в качестве базы, вы также сможете использовать обычный вызов jquery:

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

оба возвращают массив выбранных ключей.

Ответ 2

Я знаю его поздно, но я думаю, вы можете попробовать, как это

$("#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;

})

Надеюсь, что это может помочь кому-то в будущем.

Ответ 3

Возвращает выбранные данные в структуре объекта:

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

Что-то вроде:

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

Возвращает выбранный val:

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

Что-то вроде:

["1", "2"]

Ответ 4

Попробуйте это,

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

Ответ 5

Просто:

$(".leaderMultiSelctdropdown").val()

Ответ 6

Попробуйте следующее:

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

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

  });

Ответ 7

Вы должны попробовать этот код.

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

Ответ 8

Это будет отображать выбранное значение из полей выбора нескольких значений: $ ( "# id option: selected" ). val()

Ответ 9

Пожалуйста, ckeck этот простой пример. Вы можете получить значения в select2 multi.

var values = $('#id-select2-multi').val();
console.log(values);