将多个表格作为 1 个组合表格提交？

Question

我正在使用一个jQuery插件来实现一个基于bootstrap的手风琴向导。 http://sathomas.me/acc-wizard/#prerequisites

对我来说奇怪的一点是，每个 Panel 都包含在 <form> </form> 中，然后 JavaScript 会查找每个 <form> 并添加一个 Next 或 Back 按钮。

因此，当您获得最终/最后一个面板并尝试提交表单时...它只会发布最后一个表单中的数据。

我不确定如何让它从每个面板获取表单字段，然后将它们全部提交到最后一个表单...这似乎是设计中的一个缺陷？

所以我的问题是，这甚至可以有多个表单，然后让最后一个表单提交来自所有表单组合的所有数据吗？

Answer 1

使用 jQuery，您可以在内存中创建一个新表单 var form = $('<form action="..."></form>')，然后将页面上所有表单的 HTML 复制并附加到此表单 form.append($('form').children().clone())。然后你可以在内存表格form.submit()发帖。

只有当您能够覆盖最后一个表单上提交按钮的行为时，此解决方案才有效。

检查这个小提琴Post all forms from page in one post jsFiddle