Рендер парциальное после изменения выбора

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, то попробуйте следующее:

VIEW

<%= 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 
    } 
    }); 
} 

EDIT (См. Комментарии)

Как вы просили, чтобы вам нужно было отображать частичные для каждой опции. Таким образом, для каждого выбора опции вам нужно нажать метод контроллера. В моем примере url - это конечная точка контроллера (например: - render_radio_some_controller_path).

def render_radio 
    render :partial => "radio" 
end 

После этого, он будет идти к блоку успеха Ajax вызова и данных будет иметь HTML, определенный в radio.html.erb. Теперь, вы просто должны использовать jQuery обновить нужный Див HTML с данных (например: - jQuery("#some_div").html(data);)