2015-03-25 43 views
0

好吧,我有两个select2输入字段,当我更改第一个select2输入字段的值时,我希望能够触发shud在数据第二个select2输入字段。JavaScript绑定数据的select2输入onchange事件的另一个select2输入栏rails

这是index.html.erb我的两个选择2场

<%= 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" %> 

第一选择2输入字段代码如(“AFG”)和第二选择2列表具有名称“有人列表名称'。

我已经有代码只在特定的代码下调用名称,但我需要我的代码我的页面来触发响应。所以,当我选择AFG仅与AFG名称shud在我的JavaScript文件显示

我有下面的代码

$.get('/loan_applications/_lawyer_fields', function(data) { 
     $('.lender_field_name').html(data); 
}); 
+0

试试这个' $('。lender_field_code select')。bind('change',function(){ $(this).parents('。lender_field_code')。find('。lender_field_name')。text($(this).find 'option:select')。text()); ') – Sontya 2015-03-25 10:23:05

回答

0

试试这个

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

fiddle link

相关问题