使用 javascript 获取选定的文本 select2

Question

我有一个 select2 输入字段，我可以成功获取所有数据，但我想从下拉列表

中获取 d selected 数据的测试

这是我的 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);

当我 select 任何数据时，它 returns 我 select2 中的所有数据都不是我 select 编辑的。我该如何解决？

Answer 1

试试这个

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

Answer 2

你也可以试试这个在 ID 为 lender_field_code 的 select 的 change 事件中，获取 selected 项目并使用 .val()

读取它的值

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

Answer 3

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

请看一下这个jsfiddle

使用 javascript 获取选定的文本 select2

Get selected text select2 using javascript

javascript

ruby-on-rails

jquery-select2

select2-rails