生成的多個表單 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，我在需要時讓我需要的東西可見。