jquery-select2で複数値選択ボックスから選択した値を取得しますか?
Select2 Jqueryを使用して、複数選択に使用されるドロップダウンをバインドしています。 select2 jqueryを使用しています。
うまく機能しています。ドロップダウンをバインドできますが、複数値セレクターから選択した値を取得する必要があります。 select2 Jqueryでサポートされている値を取得するメソッドを探しています。関数が選択した値を取得している可能性があります。
ドロップダウンバインディングコード
$(".leaderMultiSelctdropdown").select2( {
maximumSelectionSize: 4
});
alert("Selected value is: "+$(".leaderMultiSelctdropdown").select2("val"));
あるいは、通常のselectboxをベースとして使用した場合は、通常のjquery呼び出しも使用できるはずです。
alert("Selected value is: "+$(".leaderMultiSelctdropdown").val());
どちらも、選択したキーの配列を返します。
遅いことはわかっていますが、このように試すことができると思います
$("#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;
})
将来、誰かの助けになることを願っています。
オブジェクトの構造で選択されたデータを返します。
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"]
このようにしてみて、
jQuery('.leaderMultiSelctdropdown').select2('data');
単に:
$(".leaderMultiSelctdropdown").val()
このコードを試してください。
$("#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);
});
これを試して:
$('.select').on('select2:selecting select2:unselecting', function(e) {
var value = e.params.args.data.id;
});