将多个表格作为一个组合表格提交

Submit multiple FORMS as 1 combined form?

本文关键字:表格 一个 组合 提交      更新时间:2024-03-26

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

有一件事对我来说很奇怪,那就是每个Panel都封装在一个<form> </form>中,然后JavaScript查找每个<form>并添加一个NextBack按钮。

因此,当你得到最终/最后一个面板并尝试提交表格时…它只会发布最后一个表格的数据。

我不知道我如何才能让它从每个面板中提取表单字段,然后将它们全部提交到最后一个表单上……这似乎是设计中的一个缺陷?

所以我的问题是,这是否可能有多个表格,然后让最后一个表格提交所有表格中的所有数据?

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

只有当您能够覆盖最后一个表单上提交按钮的行为时,这个解决方案才能工作

检查这个fiddle在一个帖子中从页面发布所有表单jsFiddle