我有一个相当长的表单，用户必须根据自己的情况填写某些部分并将其他部分留空，然后我会将这些部分保存到数据库中。为了帮助访问者保持井井有条，我利用 jQuery UI 的 Accordion 将表单分为几个部分。
现在表单已构建完毕，我正在尝试找到一种方法来仅显示他们填写的部分，以便他们可以将其打印出来。如果我只是打开表单并尝试打印它，它将打印 Accordion 部分。
现在我正在考虑获取所有已填写输入的 div，将它们组合起来，然后将它们发送到数据库进行保存，以便我稍后可以调用它们。这对我来说似乎有点草率，我更喜欢一些更整洁的东西，这将被认为是“最佳实践”。如果有人有更好、更简洁、更有效的方法来做到这一点，我将不胜感激您的意见!谢谢!
最佳答案
我为我的工作做了类似的东西。我收集了实际填写的字段，并使用 jQuery 在同一页面上创建了概述。在客户端和同一页面上呈现此信息可以使您免于服务器/数据库调用。
我们使用 jQuery serialize() 来获取填充的输入字段和标签，并使用这些值创建一个 JavaScript 对象，以便我们可以在概述中呈现它们。单击检查表单按钮时，此概述将呈现在页面中，然后如果用户不满意，他们可以通过取消或继续返回到表单。
您可能想将其拆分为任务:
- 将相关表单 HTML 存储在变量中
- 过滤掉空字段
- 如有必要，重新排序 HTML
- 呈现 HTML 以供查看和打印
关于javascript - 使用折叠 UI 显示表单的某些部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23498491/