web-dev-qa-db-ja.com

jquery-select2で複数値選択ボックスから選択した値を取得しますか？

Select2 Jqueryを使用して、複数選択に使用されるドロップダウンをバインドしています。 select2 jqueryを使用しています。

うまく機能しています。ドロップダウンをバインドできますが、複数値セレクターから選択した値を取得する必要があります。 select2 Jqueryでサポートされている値を取得するメソッドを探しています。関数が選択した値を取得している可能性があります。
ドロップダウンバインディングコード

$(".leaderMultiSelctdropdown").select2( {
    maximumSelectionSize: 4
});
jqueryjquery-select2
47
Kaps Hasija
alert("Selected value is: "+$(".leaderMultiSelctdropdown").select2("val"));

あるいは、通常のselectboxをベースとして使用した場合は、通常のjquery呼び出しも使用できるはずです。

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

どちらも、選択したキーの配列を返します。

78
Manuel Schweigert

遅いことはわかっていますが、このように試すことができると思います

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

})

将来、誰かの助けになることを願っています。

24
ksg

オブジェクトの構造で選択されたデータを返します。

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

何かのようなもの：

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

選択した値を返します：

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

何かのようなもの：

["1", "2"]
18
Jaskey

このようにしてみて、

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

単に：

$(".leaderMultiSelctdropdown").val()
2
Amro Mustafa

このコードを試してください。

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

これを試して：

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

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

  });
0
Rodolpho Gheleri