jquery - 如何根据rails查询ajax中的其他下拉列表值更改选择框值

Question

这里我必须对 User 和 UserType 进行建模。如果我更改用户类型，则属于特定用户类型的用户将在下拉列表中列出。这是我的代码。

*.html

<div class="control-group string optional payslip_user_type_id">
    <label class="string optional control-label" for="payslip_user_type_id">Employee Type</label>
    <div class="controls">
        <%= f.collection_select :user_type_id, UserType.all, "id", "name", prompt: '--select--' %>
    </div>
</div>
<div class="control-group string optional payslip_user_id">
    <label class="string optional control-label" for="payslip_user_id">Employee Name</label>
    <div class="controls">
        <%= f.collection_select :user_id, @users, "id", "name", prompt: '--select--' %>    
    </div>
</div>

jquery 文件是

$("#payslip_user_type_id").change(function(){
    var url = '/payslips/new?user_type_id=' + $(this).val() + ''
  $.ajax({
    url: url,
    dataType: 'script',
    type: 'GET',
    success: function(data){ $("#payslip_user_id").html(data); }
  });
})

Controller 代码是

if params[:user_type_id].present?
      @users = UserType.find(params[:user_type_id]).users
      respond_to do |format|
        format.js 
      end
    end

new.js.erb 文件是

<% if @users.present? %>
    <%= select_tag 'payslip_user_id', options_from_collection_for_select(@users, "id", "name") %>
<% else %>
    <%= select_tag 'payslip_user_id', '' %>
<% end %>

当发出ajax请求时，我可以在浏览器控制台中看到选择选项。但在html中并没有改变。请任何人帮助我。

Answer 1

尝试改变

dataType: 'script'

接受html

dataType: 'html'