Get Selected value from Multi-Value Select Boxes by jquery-select2?

Question

I am using Select2 Jquery to bind my dropdown which is used for multiple selection . I am using select2 jquery.

It's working fine, I can bind my dropdown but I need to get the selected value from my multi-value selector. I am looking for method to get value which is supported by select2 Jquery. it might be having a function get selected value.
my drop down binding code

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

score 117 · Accepted Answer · answered Oct 15 '12 at 04:42

117

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

alternatively, if you used a regular selectbox as base, you should be able to use the normal jquery call, too:

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

both return an array of the selected keys.

answered Oct 15 '12 at 04:42

Manuel Schweigert

4,884
4
20
32

Thanks a lot @manuFS , can you tell me how to set selected value to multi-value selecter.. i know this is another question but if you can. – Kaps Hasija Oct 15 '12 at 04:45
4

>> http://ivaynberg.github.com/select2/ `$(".leaderMultiSelctdropdown").select2("val", ["some","keys"]);` – Manuel Schweigert Oct 15 '12 at 04:48
yours second one is not returning the value ...any how first is working so thats gud for me. – Kaps Hasija Oct 15 '12 at 04:52
the second one will set the value to "some" and "keys", not return it. – Manuel Schweigert Oct 15 '12 at 04:56
see this link http://stackoverflow.com/questions/12889552/how-to-set-selected-value-in-multi-value-select-in-jquery-select2 – Kaps Hasija Oct 15 '12 at 05:04
what i used for key and some? – Kaps Hasija Oct 15 '12 at 06:11

score 40 · Answer 2 · answered Dec 15 '15 at 06:02

I know its late but I think you can try like this

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

})

Hope it may help some one in future.

score 28 · Answer 3 · answered Apr 28 '15 at 12:25

Returns the selected data in structure of object:

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

Something like:

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

Returns the selected val:

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

Something like:

["1", "2"]

score 11 · Answer 4 · answered Apr 20 '17 at 11:15

11

Simply :

$(".leaderMultiSelctdropdown").val()

answered Apr 20 '17 at 11:15

Amro Mustafa

589
4
15

score 8 · Answer 5 · edited Dec 01 '14 at 07:30

8

Try like this,

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

edited Dec 01 '14 at 07:30

Zeeshan

1,659
13
17

answered Dec 01 '14 at 07:17

user4310702

89
1
1

1

The currently accepted answer did not work for me - it just gave `["1","2"]`, etc. no matter what I picked. This one gave the correct info for me. – user3413723 Oct 31 '15 at 02:44

Deepak Jha · Answer 6 · 2019-01-30T06:36:54.773

4

You should try this 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);
    });

edited Jan 30 '19 at 06:36

answered Jan 30 '19 at 06:31

Deepak Jha

359
2
10

2

it is useful solution for multiple selected option. – vicky Jan 31 '19 at 12:24
2

This should be the accepted answer, in my opinion. Actually it's for numbers, but you can easily use for text. – Brhaka Jan 23 '20 at 17:15
1

This right here is the right answer. Thank you – jovialcore Sep 28 '22 at 16:39

score 1 · Answer 7 · answered Jan 12 '17 at 20:59

1

Try this:

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

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

  });

answered Jan 12 '17 at 20:59

RGL

71
1
11

1

You might want to expand a bit on why this answer is different from the other ones. – rene Jan 12 '17 at 21:26

score 1 · Answer 8 · answered Jun 27 '17 at 13:24

1

Please, ckeck this simple example. You can get values in select2 multi.

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

answered Jun 27 '17 at 13:24

Alberto Cerqueira

1,339
14
18

Hammad Ali · Answer 9 · 2017-06-05T06:53:04.220

-3

This will get selected value from multi-value select boxes: $("#id option:selected").val()

edited Jun 05 '17 at 06:53

answered Jun 02 '17 at 06:49

Hammad Ali

1
2

Get Selected value from Multi-Value Select Boxes by jquery-select2?

9 Answers9

Returns the selected data in structure of object:

Returns the selected val:

Linked

Related