通过jquery-select2从多值选择框中获取选定值?

Kap*_*ija 48 jquery jquery-select2

我正在使用Select2 Jquery绑定我的下拉列表,用于多个选择.我正在使用select2 jquery.

它工作正常,我可以绑定我的下拉列表但我需要从我的多值选择器中获取所选值.我正在寻找获取select2 Jquery支持的值的方法.它可能是一个函数获得选定的值.
我的下拉绑定代码

$(".leaderMultiSelctdropdown").select2( {
    maximumSelectionSize: 4
});
Run Code Online (Sandbox Code Playgroud)

Man*_*ert 80

alert("Selected value is: "+$(".leaderMultiSelctdropdown").select2("val"));
Run Code Online (Sandbox Code Playgroud)

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

alert("Selected value is: "+$(".leaderMultiSelctdropdown").val());
Run Code Online (Sandbox Code Playgroud)

两者都返回所选键的数组.

  • >> http://ivaynberg.github.com/select2/`$(".leaderMultiSelectdropdown").select2("val", ["some","keys"]);` (4认同)

ksg*_*ksg 26

我知道它已经很晚了,但我想你可以这样试试

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

})
Run Code Online (Sandbox Code Playgroud)

希望它可能在将来帮助一些人.


Jas*_*key 18

返回对象结构中的选定数据:

console.log($(".leaderMultiSelctdropdown").select2('data'));
Run Code Online (Sandbox Code Playgroud)

就像是:

   [{id:"1",text:"Text",disabled:false,selected:true},{id:"2",text:"Text2",disabled:false,selected:true}]
Run Code Online (Sandbox Code Playgroud)

返回选定的val:

console.log($('.leaderMultiSelctdropdown').val());
console.log($('.leaderMultiSelctdropdown').select2("val"));
Run Code Online (Sandbox Code Playgroud)

就像是:

["1", "2"]
Run Code Online (Sandbox Code Playgroud)


Amr*_*afa 6

简单地 :

$(".leaderMultiSelctdropdown").val()
Run Code Online (Sandbox Code Playgroud)


小智 5

试试这样,

jQuery('.leaderMultiSelctdropdown').select2('data');
Run Code Online (Sandbox Code Playgroud)