Javascript 无法使用jQuery正确提交动态创建的表单

您好，我正在使用jquery创建动态表单，如下所示

      function testagenda(id){
         $("#AppendAgendaForm").append(' <form   method="POST" id=+'id'+" 
            enctype="multipart/form-data" >\n' +
             '{% csrf_token %}\n' +
             '<!--date field-->\n' +'<div class="row mb-3 mt-3">\n' +
             '<div class="col-md-1"></div>\n' +
             '<div class="col-md-2">\n' +
             '<h5 style="margin-top:32px;">Date</h5>\n' +
             '</div>\n' +
             '<div class="col-md-3">\n' +
             '<label>From</label>\n' +
             '<input autocomplete="off"  name="startDate"  type="text" id="dt1" class="form-control" placeholder="from" required>\n' +
             '{#<!--                                                    <input type="date" class="form-control"   value="{{ finalizedDate.startDate|date:\'Y-m-d\' }}"   id="fromvalidity" name="fromvalidity" required/>-->#}\n' +
             '</div>\n' +
             '<div class="col-md-3">\n' +
             ' <label>To</label>\n' +
             '<input autocomplete="off"  name="endDate"      type="text" id="dt2" class="form-control" placeholder="To" required>\n' +
             '{#<!--<input type="date" class="form-control"   value="{{ finalizedDate.endData|date:\'Y-m-d\' }}"  id="tovalidity" name="tovalidity" required/>-->#}\n' +
             '</div>\n' +
             '<div class="col-md-3"></div>\n' +
             '</div>\n' +
             '</form>\n' +
             '\n');
        }

函数testagenda（id）{
$（“#AppendAgendaForm”）.append（“最好的方法是先使用
document.getElementbyID
点击获取ID。然后
form（FormID）.submit（）
代码对齐方式？是否可以编辑（最大1个函数等）不清楚的：）？您在哪里添加提交按钮？@Bilel max 1函数意味着我只想使用一个函数来提交n个表单。我建议您将所有这些输入数据序列化为结构化json…无论如何，如果唯一ID与服务器端代码无关，您可以只使用$（“表单”）。每个（函数（）{…@Bilel我无法运行每个表单，因为每个表单都将独立运行