javascript绑定另一个select2输入字段rails的select2 inputonchange事件的数据

javascript bind data of select2 input onchange event of another select2 input field rails

本文关键字：select2 inputonchange 事件 数据 rails 字段 绑定 另一个 输入 javascript      更新时间：2023-09-26

好的，我有两个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).fi‌​nd('option: select').text()); 
})

小提琴链接

相关文章：