如何在javascrript中使用inlineformset工厂？

<link rel="stylesheet" type="text/css" href="{% static 'admin/css/forms.css' %}">
<script src="{% static 'admin/js/jquery.min.js' %}"></script>
<script src="{% static 'admin/js/jquery.init.js' %}"></script>
<script src="{% static 'admin/js/inlines.js' %}"></script>

<div id="formset-container">
    <!-- 父表单 -->
    <div id="formset">
        <!-- 子表单 -->
        <div class="formset-row">
            <!-- 子表单字段 -->
            <input type="text" name="form-0-field1">
            <input type="text" name="form-0-field2">
            <!-- 删除子表单按钮 -->
            <button type="button" class="delete-row">删除</button>
        </div>
    </div>
    <!-- 添加子表单按钮 -->
    <button type="button" id="add-row">添加</button>
</div>

$(document).ready(function() {
    // 获取父表单和子表单的容器
    var formset = $('#formset');
    var formsetContainer = $('#formset-container');

    // 添加子表单字段
    $('#add-row').click(function() {
        // 克隆最后一个子表单字段
        var newForm = formset.children('.formset-row:last').clone(true);

        // 更新子表单字段的名称
        var totalForms = formsetContainer.find('input[name$=TOTAL_FORMS]');
        var formIndex = parseInt(totalForms.val());
        newForm.find(':input').each(function() {
            var name = $(this).attr('name').replace('-' + (formIndex - 1) + '-', '-' + formIndex + '-');
            $(this).attr('name', name);
            $(this).val('');
        });

        // 插入新的子表单字段
        newForm.insertAfter(formset.children('.formset-row:last'));

        // 更新子表单数量
        totalForms.val(formIndex + 1);
    });

    // 删除子表单字段
    formsetContainer.on('click', '.delete-row', function() {
        // 删除子表单字段
        $(this).parents('.formset-row').remove();

        // 更新子表单数量
        var totalForms = formsetContainer.find('input[name$=TOTAL_FORMS]');
        var formIndex = parseInt(totalForms.val());
        totalForms.val(formIndex - 1);
    });
});