Dynamically adding a form to a Django formset with Ajax

Question

I want to automatically add new forms to a Django formset using Ajax, so that when the user clicks an \"add\" button it runs JavaScript that adds a new form (which is part o

Answer 1

Simulate and imitate:

• Create a formset which corresponds to the situation before clicking the "add" button.
• Load the page, view the source and take a note of all fields.
• Modify the formset to correspond to the situation after clicking the "add" button (change the number of extra fields).
• Load the page, view the source and take a note of how the fields changed.
• Create some JavaScript which modifies the DOM in a suitable way to move it from the before state to the after state.
• Attach that JavaScript to the "add" button.

While I do know formsets use special hidden fields and know approximately what the script must do, I don't recall the details off the top of my head. What I described above is what I would do in your situation.