使用折叠UI显示表单的某些部分

Displaying certain sections of a form with accordion UI

本文关键字：些部表单显示折叠 UI 更新时间：2023-09-26

我有一个相当长的表单，其中用户必须填写一些部分，并留下其他空白，这取决于他们的情况，然后我将部分保存到数据库。为了帮助访问者保持组织性，我使用了jQuery UI的Accordion将表单分成几个部分。

现在表单已经构建好了，我正试图找到一种方法来显示他们填写的部分，以便他们可以打印出来。如果我打开表单然后打印它，它会打印accordion部分

现在我正在考虑获得所有的div的输入填写，组合它们，然后将它们发送到DB保存，以便我可以调用它们以后。这对我来说似乎有点草率，我更喜欢更整洁的东西，这将被视为"最佳实践"。如果有人有更好，更整洁，更有效的方法，我将感谢您的输入!谢谢!

我为我的工作做了类似的东西。我收集了实际填写的字段，并使用jQuery在同一页面上创建了一个概述。在客户端和同一页面上呈现此信息可以节省服务器/数据库调用。

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

你可能想把它分成几个任务: