使用Javascript动态添加Django表单集

我正试图在我的代码中实现。说明中说“处理添加和删除按钮的‘单击’事件”，但我对使用Javascript还不熟悉，很难弄清楚最后一个配置步骤

以下是我得到的：

{% extends "base.html" %}

{% block base_content %}

<script src="{{ STATIC_URL }}js/jquery.min.js"></script>
<script src="{{ STATIC_URL }}js/dynamic-formset.js"></script>
<script src="{{ STATIC_URL }}js/jquery.formset.js"></script>

<script type="text/javascript">
    $(function() {
        $(".inline.{{ serial_form.prefix }}").formset({
            prefix: "{{ serial_form.prefix }}",
        })
        $(".inline.{{ part_form.prefix }}").formset({
            prefix: "{{ part_form.prefix }}",
        })
    })
</script>

<script type="text/javascript">
$(function () {
    $('.add-row').click(function() {
        return addForm(this, 'form');
    });
    $('.delete-row').click(function() {
        return deleteForm(this, 'form');
    })
})
</script>

<div class="content">

<h1>Create new tool:</h1>

</div>

<div>

<form method="post">
{% csrf_token %}
<table>
{% for field in form %}
    {% if field.label != "Old control number" %}
        <tr><td>{{ field.label_tag }}:</td><td>{{ field }}</td></tr>
    {% endif %}
{% endfor %}

{{ serial_form.management_form }}
{{ serial_form.non_form_errors }}
{% for form in serial_form %}
    <tr class="dynamic-form">
        <td>{{ form.label_tag }}</td>
        <td>{{ form }}</td>
    </tr>
{% endfor %}
<tr>
<td colspan="4"><a href="javascript:void(0)" class="add-row"> 
Add another serial number</a></td></tr>

{{ part_form.management_form }}
{{ part_form.non_form_errors }}
{% for form in part_form %}
    <tr><td>{{ form.label_tag }}</td><td>{{ form }}</td></tr>
{% endfor %}

</table>
<input type="submit" value="Save new tool calibration">
</form>

</div>

{% endblock %}

{%extends“base.html”%}
{%block base_content%}
$（函数（）{
$（“.inline.{{serial_form.prefix}}”）.formset({
前缀：“{serial_form.prefix}}”，
})
$（“.inline.{{part_form.prefix}}”）.formset({
前缀：“{part_form.prefix}}”，
})
})
$（函数（）{
$（'.add row'）。单击（函数（）{
返回addForm（此“表单”）；
});
$（'.delete row'）。单击（函数（）{
返回deleteForm（本“表格”）；
})
})
创建新工具：
{%csrf_令牌%}
{%形式的字段为%}
{%if field.label！=“旧控件号”%}
{{field.label_tag}}:{{{field}
{%endif%}
{%endfor%}
{{serial_form.management_form}}
{{serial_form.non_form_errors}
{串行形式%中的形式为%}
{{form.label_tag}
{{form}}
{%endfor%}
{{part_form.management_form}}
{{part_form.non_form_errors}}
{第_部分表格%中表格的百分比}
{{form.label_tag}{{{form}}
{%endfor%}
{%endblock%}

我知道我很接近，但我不确定如何进行最后一点配置。非常感谢您的帮助。谢谢