在javascript中附加表单不起作用

我有一个通过按下按钮动态添加的表单。问题是，在我第一次按下按钮时，所有进程都正常工作。从第2次开始，由于字段的id相同，进程将不工作。我如何调整这个

$（文档）.ready（函数（）{
$（“#aggiungi_collo”）。单击（函数（）{
$（'#lista_colli'）。追加（'\
\
\
\
\
\
卡尔科拉\
伊莱米娜\
');
$（'#calcola'）。单击（函数（）{
var larghezza=$（'#larghezza'）.val（）；
var altezza=$（'#altezza'）.val（）；
var lunghezza=$（'#lunghezza'）.val（）；
var calcola=lunghezza*altezza*larghezza；
var volume=document.getElementById（'volume'）；
volume.value=calcola；
});
});
});创建一个变量，跟踪按钮被单击的次数，并将其连接到您的id。
不要使用id。使用类<代码>id

必须是唯一的。您最好使用委派的事件处理程序，而不是每次都附加新的

单击
处理程序。尝试为动态HTML创建唯一的
id
，并在
单击
处理程序中使用相同的id。如果表单是动态添加的，则使用
.on（）
方法，而不是
.click（）
。由于第二次使用的id相同，请使用类id。是的，请使用类。或者，如果您确实需要唯一标识符，请添加一些计数器并将其值添加到id中，即“calcola1”、“calcola2”…等等。。。因此，每次添加表单元素时，都必须增加计数器。