I'm building a tool that has multiple forms. One form per tab, that also allows you to create new tabs, and thus new forms.
The way I built each tab is like this
<div class="tabs_item">
<h4>Tab01</h4>
<?php $globalIncrement++; include 'qBox.php'; ?>
</div>
qBox.php is a form all on it's own, with ids and classes that increment based on $globalIncrement. (the reason I do this is somewhat unrelated).
When the user hits the "submit" button, the form takes all the POST data, and with that we create the results.php page.
Problem is, when you submit, it only takes the POST data from the active tab, and not the POST data from the other tabs (which, again, contain different forms).
I tried to rectify this problem with the following code:
$('#subBtn').click(function(){
$('form').each(function(){
$(this).submit();
});
});
However, this only partially works. The form action is still performed, thus bringing me to results.php. However, now, none of the POST data is being retrieved.
How can I submit all these forms, while also passing through the POST data to the next page?
Thank you in advance!
EDIT:
Solved it myself. Rather than having a form on every tab, I simply wrapped every tab item inside of an all-encompassing form. Works great.
Thank you to all that answered.
