使用手风琴UI显示表单的某些部分

时间:2014-05-06 15:11:31

标签: javascript jquery html laravel-4

我有一个相当长的形式,用户必须根据他们的情况填写某些部分并留下其他部分,然后我将这些部分保存到数据库中。为了帮助访问者保持井井有条,我使用了jQuery UI的Accordion将表单分成几个部分。

现在我已经构建了表单,我正在尝试找到一种方法来显示它们填充的部分,以便它们可以打印出来。如果我只是调出表格并尝试打印,它会打印出手风琴部分。

现在我正在考虑将所有已填入输入的div组合起来,然后将它们发送到数据库以便保存,以便稍后调用它们。这对我来说似乎有点草率,我宁愿选择更整洁的东西,这将被视为“最佳实践”。如果有人有更好,更整洁,更有效的方式,我将非常感谢您的投入!谢谢!

1 个答案:

答案 0 :(得分:1)

我为自己的工作做了类似的事情。我收集了实际填写的字段,并使用jQuery在同一页面上创建了概述。在客户端和同一页面上呈现此信息可以使您免于服务器/数据库调用。

我们使用jQuery serialize()来获取填充的输入字段和标签,并使用值创建一个JavaScript对象,以便我们可以在概述中呈现这些。单击check form按钮时,此概述将在页面中呈现,如果用户不满意,则可以通过取消或继续返回到表单。

您可能希望将其拆分为任务:

  • 将相关表单HTML存储在变量
  • 过滤掉空白字段
  • 如有必要,请重新排序HTML
  • 呈现HTML以供查看和打印