介绍
jquery.formset 是一个方便快捷的 jQuery 插件，可用于管理 HTML 表单中的集合字段。该插件使得添加、删除和重新排序表单条目变得非常容易。
安装
首先，在命令行中使用以下命令安装 jquery.formset：
npm install jquery.formset
然后，在您的 HTML 中添加以下代码行：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="node_modules/jquery.formset/jquery.formset.js"></script>
这将加载所需的 jQuery 和 jquery.formset 脚本。
使用
假设您有一个名为 book_formset 的 HTML 表单，其中包含多个书籍的信息。每本书都有一个标题、作者和出版日期。下面是一个例子：
-- -------------------- ---- -------
----- ------------------
---- ----------------
---- -------------------
------ -----------------------------
------ ----------- ------------ --------------
------
---- -------------------
------ -------------------------------
------ ----------- ------------- ---------------
------
---- -------------------
------ ----------------------------- -------------
------ ----------- --------------- -----------------
------
------
------- ------------- ------------------- -------------
------- ------------- ------------------------- -------------
-------现在，您可以使用以下 JavaScript 代码初始化表单集合：
$(function() {
$('.formset').formset({
addText: 'Add book',
deleteText: 'Delete book',
prefix: 'book'
});
});这样，您就可以轻松地添加、删除或重新排序书籍信息。
参数
jquery.formset 插件提供了许多参数来定制其行为。以下是一些常用的参数：
addCssClass：添加按钮的 CSS 类，默认为"add-row"。addText：添加按钮的文本，默认为"Add another"。deleteCssClass：删除按钮的 CSS 类，默认为"delete-row"。deleteText：删除按钮的文本，默认为"Remove"。emptyCssClass：当表单集合为空时添加到删除按钮上的 CSS 类，默认为"empty-formset"。emptyTemplate：当表单集合为空时显示的模板字符串，默认为一个空表单。prefix：表单字段名称的前缀，默认为""。removeLast：是否允许删除最后一个条目，默认为true。template：新条目的模板字符串。
示例
以下是一个完整的示例，展示了如何使用 jquery.formset 插件来管理一个电影列表表单。在此示例中，每部电影都有一个标题和一个包含演员姓名和角色名称的集合字段。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------ ------------
------- -----------------------------------------------------------
------- -------------------------------------------------------------
-------
------
--------- ---------
----- -------------------
---- --------------- ---------------------
--------- ------
---- -------------------
------ -------------------------------
------ ----------- -------------- ----------------
------
---- ------------------ -------------------
---- ----------------
---------------
---- -------------------
------ -------------------------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------