javascript - javascript を使用して選択したテキストを取得する select2

Question

すべてのデータを正常に取得できるselect2入力フィールドがありますが、ドロップダウンリストから選択したdデータのテストを取得したい

これは私のselect2入力フィールドです

<%= f.input_field :lender_id, collection: Lender.all.pluck(:code, :id), id: 'lender_field_code', name: 'lender_field_code', class: 'form-control legal-service lender_field_code', prompt: 'Please Select Banker', disabled: (f.object.new_record? ? false : true ) %>

そして私のjavascriptファイルにはこれがあります

var str1= $('.lender_field_code').select2("data").text();
 console.log(str1);

データを選択すると、選択したものではなく、select2 のすべての d データが返されます。どうすればこれを解決できますか?

Answer 1

$(".lender_field_code").select2()
.on("change", function(e) {
   $("#select_val").html(e.val);
})

このjsfiddleを調べてください

Answer 2

あなたもこれを試すことができchangeますlender_field_codeselected.val()

$('.lender_field_code').change(function() {   
    $('#select_val').append($('.lender_field_code :selected').val());
});