javascript綁定另一個select2輸入字段rails的select2輸入onchange事件的數據

Question

好的，我有兩個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);
 });

Answer 1

嘗試這個

$('.lender_field_code select').bind('change',function () {    
    $(this).parents('.lender_field_code').find('.lender_field_name').text($(this).fi‌​nd('option: select').text()); 
})

小提琴鏈接