使用javascript获取选定的文本select2

Question

I have a select2 input field which successfully i can get all my data but i want to get the test of d selected data from the dropdown list

This is my select2 input field

<%= 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 ) %>

and in my javascript file i have this

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

when i select any data it returns all d data in my select2 not what i selected. how do i solve this?

Answer 1

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

Please have a look into this jsfiddle

Answer 2

try this

    $( document ).ready(function() {
        $( ".lender_field_code" ).change(function() {
            alert( $(this).find("option:selected").text() );
        });
    });

Answer 3

You can try this too On change event of select with id lender_field_code , get the selected item and read it's val with .val()

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