jQuery更改表單ID並提交「新」表格

Question

我有一個ID爲「addCat」的表單..我使用jquery將ID更改爲「editCat」，並填寫表單輸入與預先存在的數據，然後提交新的表單。

aparantly新的身份證更新但窗體不提交？

$("#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; 
    }); 
});