Rails 根据下拉选择显示部分内容

Question

所以我引用这个来设置我想要做的事情：Dynamic Partial Based on Select Box - Rails 2.3.5

基于 product_type 我想动态显示两个不同的部分之一，每个部分都包含剩余的表单字段。

应用程序.js

$('#capsule_project_type_id').change(function() {
      $.ajax({url: '/capsules/form_partial/' + this.value});
}

routes.rb

get '/form_partial/:id' => 'capsules#form_partial'

controller.rb

def form_partial
  @project_type_id = ProjectType.find(params[:id])
end

form_partial.js.erb

<% if @project_type_id == 1 || @project_type_id == 2 %>
  $('#form-details').html("<%= escape_javascript(render partial: 'form1', locals: { capsule: @capsule, f: f }) %>");
<% else %>
  $('#form-details').html("<%= escape_javascript(render partial: 'form2', locals: { capsule: @capsule, f: f }) %>");
<% end %>

new.html.erb 创建表单：

<%= form_for @capsule, multipart: true do |f| %>
...
<div class="form-group">
<%= f.label :project_type_id, "Project type" %>
<%= f.select :project_type_id, ProjectType.all.collect{|p| [p.name, p.id]}, { :include_blank => "Please select a type..." }, { class: "form-control" } %>
</div>
<div id="form-details">
</div>

当我选择下拉菜单时，ajax 会触发，但我在控制台中不断收到此错误：

ActionView::Template::Error (undefined local variable or method `f' for #<#<Class:0x007fd298ce71e8>:0x007fd2980a0268>):
    1: <% if @project_type_id == 1 || @project_type_id == 2 %>
    2:   $('#form-details').html("<%= escape_javascript(render partial: 'weddingfields', locals: { capsule: @capsule, f: f }) %>");
    3: <% else %>
    4:   $('#form-details').html("<%= escape_javascript(render partial: 'showerfields', locals: { capsule: @capsule, f: f } ) %>");
    5: <% end %>

我在 form_partial 中设置了变量，但它没有被识别。我没有正确地逃避它吗？

请指教。

Answer 1

考虑到您已在其中定义 f，这是一个奇怪的错误

<%= form_for @capsule, multipart: true do |f| %>

您确定在引用f 变量之前没有多余的end 吗？

顺便说一句，我不确定 AJAX 是解决这个问题的最佳方法。

相反，您可以将所有表单部分放在页面上并将它们全部隐藏 最初使用 CSS/JS。

然后，您可以将 Javascript 事件处理程序附加到您的表单，以便当 一个输入被选中，它对应的表单部分被打开。

顺便说一句，我发现如果你用手写而不是使用form_for，通常更容易理解表单中发生了什么。你可以看到this tutorial。