Javascript Html表单在使用jquery追加后不提交

我使用jqueryappend函数附加HTML表单，但当我单击submit按钮时，它不会提交

$( "body" ).on( "click", "#addPackage", function() {
    packageId = 'package'+ id;
    id = id+1;
  $('.table tbody').append('<tr id="' + packageId + '"> <form class="" onsubmit="editPackage();return false;" method="post"><td><input type="text" name="package_name" value="" /></td><td><input type="text" name="package_price" value="" /></td><td><input type="text" name="package_details" value="" /></td><td><button class="btn btn-success" ><i class="fa fa-save"></i></button> <span class="btn btn-danger remove-btn"><i class="fa fa-remove"></i></span></td></form></tr>');
});

$（“body”）。在（“单击”，“添加包”，函数（）上）{
packageId=‘package’+id；
id=id+1；
$（'.table-tbody'）。追加（''）；
});

这是您可能想要的，而不是在

中使用

（只执行函数editPackage）（这是注释中提到的）您可以在单击行按钮后执行editPackage，并以这种方式读取行中的数据（我从附加字符串中删除

，然后更改

）：

let id=0；
$（“body”）。在（“单击”，“添加包”，函数（）上）{
packageId=‘package’+id；
id=id+1；
//log（$（'.table-tbody'）；
$（'.table tbody'）。追加（'submit'）；
});
功能编辑包（btn）{
设tds=btn.parentNode.parentNode.children
设v1=tds[0]。子项[0]。值；
设v2=tds[1]。子项[0]。值；
设v3=tds[2]。子项[0]。值；
console.log（'submit'，v1，v2，v3）；
}

添加

tr

除了

td/th

什么“提交按钮”之外，不能有其他子项？提交时返回false，只有

editPackage（）

是trigged@DavidOP可能指的是

。按钮元素的默认类型为提交。请创建一个。