Dear all,
I have a general form (which I generate via form_tag) for a 'subscription'.
Inside this form the user can add 'elements' to his subscription. I do this with an an additional Ajax form:
<% form_remote_tag :url => { :action => :add_to_cart, :id => element } do%> <%= submit_tag "Add" %> <% end %>
Every time the user adds an element to the cart (subscription) a table is updated with the list of already selected elements. In this table for every row another ajax form is created (rendered by a partial) to let the user remove the item:
<% form_remote_tag :url => { :action => :delete_from_cart, :id => element } do%> <%= submit_tag "Remove" %> <% end %>
Now, the weird behaviour we find is the following:
1. I we select several elements and proceed to remove them one by one, we find the first Ajax Remove Form (the first button on the list) does not work. Instead of making an Ajax submit (as the rest of the buttons do) it does a regular global form submit.
2. Looking at the html code we see that for all buttons but the first, the Ajax submit form is created (for the first we have only the sumbmit button, but no Ajax form)
3. If we reload the page, all buttons work fine.
Any clues? Or maybe someone has implemented this proccess (add_to_cart, generate table with removal buttons before global submit) in some way it worked...
Thanks in advance!