Question

我的表单中包含ID＆＃34; addCat＆＃34; ..我正在使用jquery将ID更改为＆＃34; editCat＆＃34;并使用预先存在的数据填写表单输入，然后提交新表单。

很可能新的ID已更新，但表单未提交？

$("#addTags").on("submit",function(){
    var dataString = $(this).serialize();;
    $.post("./Scripts/adminDoAddCat.php", dataString, function (data) {
        if (data == "1") {
        $('div.add_result').html("<h3>New Category Added Successfully</h3>").fadeIn(800);
        }
        if (data == "0") {
        alert("Something went wrong");
        }
    });
    return false;
});
$("tbody tr td a.fa-pencil-square").on("click",function(){
    $("form#addTags").attr('id','editTags');
    alert($('form').attr('id')); //this is the way i make sure ID is updated 
});
    $("#editTags").on("submit",function(){
    var dataString = $(this).serialize();;
    alert(dataString); //making form is recognized but it's not working
    return false;
});

Answer 1

使用.prop()代替.attr()更改ID

$("form#addTags").prop('id','editTags');

然后使用Event Delegation绑定提交处理程序

$(document).on("submit","#editTags",function(){
    var dataString = $(this).serialize();;
    alert(dataString); 
    return false;
});

Answer 2

有一种解决方法。但它可能不是你想要的。无论如何看demo。让我知道它是否适合你。虽然不是一个好方法。

$("tbody tr td a.fa-pencil-square").on("click",function(){
    $("form#addTags").prop('id','editTags');
    //Define the handler inside of the new 
   $("#editTags").on("submit",function(){
    var dataString = $(this).serialize();;
    alert(dataString); //making form is recognized but it's not working
    return false;
   });
});

jQuery更改表单ID并提交“新”表单

2 个答案: