通过jquery-select2从多值选择框中获取所选值？

Question

我正在使用Select2 Jquery绑定我的下拉列表，它用于多个选择。我使用的是select2 jquery。

它工作得很好，我可以绑定我的dropdown，但我需要从我的多值选择器中获得选定的值。我正在寻找方法来获取值，这是由select2 Jquery支持的。它可能是让一个函数获取选定值。

我的下拉绑定代码

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

Answer 1

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

或者，如果您使用常规的选择框作为基础，您也应该能够使用普通的jquery调用：

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

这两个函数都会返回所选关键字的数组。

Answer 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;

})

希望它能在未来对某些人有所帮助。

Answer 3

返回object的structure中选中的数据：

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"]