提交多个FORMS作为1个组合形式?

时间:2013-12-04 20:18:08

标签: javascript jquery forms twitter-bootstrap

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

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

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

我不知道如何从每个面板中获取表单字段然后在最后一个表单中提交它们......这似乎是设计中的一个缺陷?

所以我的问题是,这甚至可能有多种形式,然后让最后一种形式提交所有形式的所有数据?

1 个答案:

答案 0 :(得分:1)

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

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

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