生成的多个表单 jquery 不提交

Question

我正在用 Django 建立一个网站（类似电子商务）。

在某些时候，我会显示一个项目列表，每个项目都有一个带有提交按钮订单和数量选择器的表单。

我已经实现了过滤器 function，它删除了我的项目列表的 html 代码，并使用 jquery 的匹配项目重建它。

当单击提交按钮时，此 function 生成的新 forms 不执行任何操作

这是我在 function 中使用的代码的一部分（我使用 ajax 调用来生成匹配项的 json，然后将它们显示在表列表中）：

$.each(code_json, function(index, value){
                var string = "<tr id="+ value.material +"><td>"+ value.manufNo +"</td><form method='POST' action='/add_to_cart/"+value.material+"/"+ value.node+"/{{language}}'><td><input type='submit' class='btn' value='Commander' style='color:blue;'></td><td><input id='qty' type='number' name='qty' class='form-control' value='1'></td></form></tr>";
                $("#header").after(string);
                });

我知道通常使用 Django 您必须为每个表单添加{% csrf_token %} 。 但是，它通常在丢失时会抛出错误页面，并且这里不显示任何内容

编辑：我试图在动态创建的提交按钮上绑定一个 onclick 事件。 在此我在 jquery 中做了一个 $.post 来模拟表单的提交，但没有发生任何事情

$(document).on('click', '.btnStandard', function(event) {
        console.log($(this).attr('id'));
        $.post('/add_to_cart/'+$(this).attr('id'),
        {
            qty: $("#qty"+$(this).attr('id')).val()
        },function(data,status,xhr){
            alert("Data : "+data+", status: "+status+", xhr: "+xhr);
        });

它在控制台中打印 $(this).attr('id') 但它没有做任何其他事情 谢谢你的帮助

Answer 1

它没有解释为什么我有这个问题，但我找到了解决我的问题的解决方法。

我不是动态生成 forms，而是使用模板生成它们，然后将它们全部隐藏。 后来，由于 css，我在需要时让我需要的东西可见。