好的,我有两个select2输入字段,当我更改第一个select2-输入字段的值时,我希望能够触发第二个select2.输入字段中的数据。
这是我在index.html.erb 中的两个select2字段
<%= f.input_field :lender_id, collection: Lender.all.pluck(:code, :id), class: 'form-control legal-service lender_field_code', prompt: 'Please Select Banker', disabled: (f.object.new_record? ? false : true ) %>
<%= f.input_field :banker_id, collection: Banker.joins(:lenders).where("locked_at is null AND approved = true AND organizations.code = ?", params[:lender_id_code]).order(name: :asc), class: 'form-control legal-service lender_field_name ', prompt: 'Please Select', id: "banker_id" %>
第一个select2输入字段有一个代码列表,例如('AFG'),第二个select2中有一个名称列表"Someone name"。
我已经有了只在特定代码下调用名称的代码,但我需要我的代码我的页面来触发响应。因此,当我选择AFG时,只有与AFG shud相关的名称才会显示在中
在我的javascript文件中,我有以下代码
$.get('/loan_applications/_lawyer_fields', function(data) {
$('.lender_field_name').html(data);
});
试试这个
$('.lender_field_code select').bind('change',function () {
$(this).parents('.lender_field_code').find('.lender_field_name').text($(this).find('option: select').text());
})
小提琴链接