首页 文章

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

提问于
浏览
44

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

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

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

8 回答

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

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

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

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

  • 73

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

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

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

  • 2

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

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

    试试这样,

    jQuery('.leaderMultiSelctdropdown').select2('data');
    
  • -1

    简单地说

    $(".leaderMultiSelctdropdown").val()
    
  • 0

    试试这个:

    $('.select').on('select2:selecting select2:unselecting', function(e) {
    
          var value = e.params.args.data.id;
    
      });
    
  • -1

    这将从多值选择框中获取选定值:$(“#id option:selected”) . val()

  • 20

    拜托这个简单的example . 您可以在 select2 multi 中获取值 .

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

相关问题