从表单集中动态删除%1表单Django

from django import forms
from django.forms import formset_factory

class MyForm(forms.Form):
    # 定义表单字段
    field1 = forms.CharField()
    field2 = forms.EmailField()

MyFormSet = formset_factory(MyForm, extra=1)

from django.shortcuts import render

def my_view(request):
    formset = MyFormSet()
    return render(request, 'my_template.html', {'formset': formset})

<form method="post">
    {{ formset.management_form }}
    {% for form in formset %}
        {{ form }}
        <button type="button" class="delete-form">删除</button>
    {% endfor %}
    <button type="submit">提交</button>
</form>

document.addEventListener('DOMContentLoaded', function() {
    var deleteButtons = document.getElementsByClassName('delete-form');
    for (var i = 0; i < deleteButtons.length; i++) {
        deleteButtons[i].addEventListener('click', function() {
            var form = this.parentNode;
            form.parentNode.removeChild(form);
        });
    }
});