Autosubmit a form via AJAX (Rails 3.1)

105 views
Skip to first unread message

Linus Pettersson

unread,
Jul 19, 2011, 3:31:07 PM7/19/11
to rubyonra...@googlegroups.com
Hi!

I have a form with only a checkbox. When the user clicks this checkbox I want to submit the form through AJAX. It's like a TODO-list where you can mark the item as done by ticking a box.

So, how can I do this? :) I'm using Rails 3.1.

I guess there is no native function to achieve this. So far I have this:

My form in the view:

<%= form_for [@list, item], :remote => true do |f| %>
    <%= f.check_box :status %>
<% end %>

Then in my javascript file I guess I need to do something like (coffee):

$('input#item_status').live 'click', (e) ->

    form = $(this).parent('form')

    /* SUBMIT FORM HERE! */



Any ideas?


Tom Meinlschmidt

unread,
Jul 19, 2011, 3:39:56 PM7/19/11
to rubyonra...@googlegroups.com
Hi,

just run submit()

$('input#item_status').live 'click', ->
$(this).parent('form').submit()

param (e) is not needed, even in coffee :)

tom

> --
> You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
> To view this discussion on the web visit https://groups.google.com/d/msg/rubyonrails-talk/-/OZC_YqiskkQJ.
> To post to this group, send email to rubyonra...@googlegroups.com.
> To unsubscribe from this group, send email to rubyonrails-ta...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.

--
===============================================================================
Tomas Meinlschmidt, MS {MCT, MCP+I, MCSE, AER}, NetApp Filer/NetCache

www.meinlschmidt.com www.maxwellrender.cz www.lightgems.cz
===============================================================================

Linus Pettersson

unread,
Jul 19, 2011, 3:53:09 PM7/19/11
to rubyonra...@googlegroups.com
Hehe great! I actually tried it in an onClick="" but that didn't submit the form through AJAX so I didn't think it would work when doing it directly in jQuery either :) It does work indeed.

And I now I don't need the param (e). It's a habit to pass in case I need it. Otherwise I remove it :)

Thanks for the quick help!
Reply all
Reply to author
Forward
0 new messages