Question

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

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

的application.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| %>

在您引用end变量之前，您确定没有额外的f吗？

顺便说一下，我不确定AJAX是最好的方法。

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

然后，您可以将Javascript事件处理程序附加到您的表单，以便何时选择一个输入，它的相应形式部分被切换为打开。

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

Rails根据下拉选择显示部分

1 个答案: