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

试试这个

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

Answer 3

你也可以尝试一下在标识为change的select lender_field_code事件中，获取selected项并使用.val()

读取它的val

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

使用javascript获取所选文本select2

3 个答案: