将多个表格作为一个组合表格提交
Submit multiple FORMS as 1 combined form?
我正在使用一个jQuery插件来实现一个基于bootstrap的手风琴向导。http://sathomas.me/acc-wizard/#prerequisites
有一件事对我来说很奇怪,那就是每个Panel都封装在一个<form>
</form>
中,然后JavaScript查找每个<form>
并添加一个Next
或Back
按钮。
因此,当你得到最终/最后一个面板并尝试提交表格时…它只会发布最后一个表格的数据。
我不知道我如何才能让它从每个面板中提取表单字段,然后将它们全部提交到最后一个表单上……这似乎是设计中的一个缺陷?
所以我的问题是,这是否可能有多个表格,然后让最后一个表格提交所有表格中的所有数据?
使用jQuery,您可以在内存中创建一个新的表单var form = $('<form action="..."></form>')
,然后将页面上所有表单的HTML复制并附加到此表单form.append($('form').children().clone())
。然后你可以在内存中张贴form.submit()
。
只有当您能够覆盖最后一个表单上提交按钮的行为时,这个解决方案才能工作
检查这个fiddle在一个帖子中从页面发布所有表单jsFiddle
相关文章:
- 我正在创建一个聊天,但每次我发送消息时,它都不会让我再发送另一条消息,就像表格一样;不起作用
- 使用AngularJS制作一个类似电子表格的应用程序
- 将一个表格行拆分为5s列的倍数
- 如何自动从一个页面移动到另一个页面,然后回到 html 表格中分页的第一页
- 如何使用谷歌应用程序脚本将3个谷歌电子表格中的特定行复制到另一个电子表格中
- JQuery insertAfter();移动下一个表格单元格
- 如何根据单元格中的值将一行从一个谷歌电子表格移动到另一个
- 在动态表格单元格跨度中单击时更新一个权重值
- 将联系人表格集成到一个花哨的盒子中
- 将多个表格作为一个组合表格提交
- 我的联系表格在测试/PHPMailer后给了我一个内部服务器错误(500)
- 谷歌电子表格:为带有参数的按钮指定一个脚本
- 谷歌脚本创建了两个电子表格,而不是一个
- 如何滚动到DIV顶部表格的最后一个位置(项目10)
- 用JQuery在廉价的excel表格上标记最后一个单元格
- GAS-onChange触发器(获取值)从活动表和写入另一个电子表格
- JQuery 滑动一个表格形成,另一个循环滑动
- 是否有一个JavaScript库可以在没有UI的情况下进行电子表格计算
- 如何选择与另一个表格单元格有某种关系的某个表格单元格
- 仅在一个表格行内设置单选按钮标签的样式