在单选按钮选择上提交Rails表单

Question

I have the following rails form (which works) but I want to remove the submit_tag and have the form submit as soon as a radio button selection is made. How do I do that?

<% form_tag({ :controller => "votes", :action => "create", :id => @item.id } ) do  %>
  <p>
    <% for i in 1..10 do %>
      <%=  radio_button_tag :rating, i %>&nbsp;<%=h i %>&nbsp;
    <% end %>
  </p>
  <p>
    <%= submit_tag "Create" %>
  </p>
<% end %>

Answer 1

So I have found the precise solution (thanks for the input guys, it helped me redefine my Google searches). Everyone was on the right track, but none were spot on.

All that was needed was to add 'false, :onclick => "this.parentNode.submit();"' to the radio_button_tag form helper. The false is selected or not, and the rest is obvious.

The correct solution now looks like:

<% form_tag({ :controller => "votes", :action => "create", :id => @item.id } ) do  %>
    <% for i in 1..10 do %>
      <%=  radio_button_tag :rating, i, false, :onclick => "this.parentNode.submit();" %>&nbsp;<%=h i %>&nbsp;
    <% end %>
<% end %>

Answer 2

I am doing something similar so this question really helps.

Further to Ash's answer, I found that the above onclick function does not work, I have changed a bit and the form below work just fine to me:

<% form_tag({ :controller => "votes", :action => "create", :id => @item.id } ) do  %>
    <% for i in 1..10 do %>
      <%=  radio_button_tag :rating, i, false, :onclick => "this.form.submit();" %>&nbsp;<%=h i %>&nbsp;
    <% end %>
<% end %>

Hope it would help somebody.

Answer 3

You'll want to add an onClick event to your radio button that calls this.formName.submit() where formName is your form ID. This will trigger the submit event when you click the radio button.

Answer 4

Use Javascript

Use each radio button's onclick() event to call a function that calls submit() on the submit button.

I'm not really familiar with RJS in Rails, but this should be relatively easy.

Answer 5

An awesome way to achieve this unobtrusively is with lowpro and prototype. That way you can get all your event handlers out into your javascript so they don't pollute your view code. It is a very slick way of handling javascript events. Highly recommended.