更改选择后渲染部分

Question

我有以下看法

<%= form_for @survey do |f| %>
  <div class="field">
    <%= f.label :title %><br>
    <%= f.text_field :title %> <br><br>
    <%= f.label :description %><br>
    <%= f.text_field :description %><br><br>
  </div>

  <%= f.fields_for :survey_sections do |builder| %>
    <%= builder.text_field :title, :placeholder => "Abschnittsbeschreibung" %><br>
    <%= builder.fields_for :questions do |quest| %>
      <%= quest.text_field :text, :placeholder => "Frage" %> <br>
      <%= quest.fields_for :answers do |ans| %>
        <%= ans.text_field :text, :placeholder => "Antwort" %> <br>
      <%end%>
    <%end%>
    <%= select_tag("question_type",options_for_select([["Radio", "radio"],["Checkbox", "check"]])) %>
  <% end %>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

选择其中一个选项后，我想在此视图中呈现部分内容。 我该怎么做？

Answer 1

最简单的方法是使用display:none渲染部分

<div id='foo' style='display:none'>
  <%= render :foobar %>
</div>

当用户选择某些东西时，通过 JS(jQuery) 显示它。

$('[name=question_type]').change(function() {
  $('#foo').show();
});

Answer 2

如果你使用的是 jQuery，那么试试这个：

查看

<%= select_tag("qustion_type",options_for_select([["Radio", "radio", {:onclick => "someFunction(#{controller_path})"}],["Checkbox", "check", {:onclick => "someFunction(#{controller_path})"}]])) %>

JAVASCRIPT

function someFunction(url) {
  jQuery.ajax({
    url: url,
    data: {some_data: "data_value"},
    success: function(data) {
      //data has the html code that you render in controller
    }
  });
}

编辑（见评论）

正如您所要求的，您需要在每个选项选择上呈现部分内容。因此，对于每个选项选择，您需要点击控制器方法。在我的示例中，url 是控制器端点（例如：- render_radio_some_controller_path）。

def render_radio
  render :partial => "radio"
end

之后会进入Ajax调用成功块，data会有radio.html.erb中定义的html。现在，您只需要使用jQuery 用data 更新所需的div html（例如：-jQuery("#some_div").html(data);）