php - 動的に追加された行を永続化 + jquery および動的に追加された行に対するサーバー側の検証

Question

テーブルに行を動的に追加/削除する必要があるため、次のjqueryを使用してテーブルに行を追加/削除しました: ここで、入力タグの名前属性を変更する問題を解決しました。しかし、動的行を追加する際に同じテーブルで投稿データの結果を取得している間 (サーバー側の検証中) に問題に直面しています。入力タグの値属性として動的phpスクリプトを設定する方法はありますか? また、更新後の動的に追加された行を保持する方法は?

$(document).ready(function(){ //この行は '.row' クラス内の行を複製し、プレーンな html に変換します. var clonedRow = $('.row').clone().html() ;

//This line wraps the clonedRow and wraps it <tr> tags since cloning ignores those tags
var appendRow = '<tr class = "row">' + clonedRow + '</tr>';  

//$('#btnAddMore').click(function(){
//this line get's the last row and appends the appendRow when it finds the correct row.
  //    $('.employmentHistoryForm tr:last').after(appendRow);
    //});

$("#btnAddMore").click(function() {
    $(".employmentHistoryForm tr:last")
        .clone()
        .appendTo(".employmentHistoryForm")
        .find(':input')
        .attr('name', function(index, name) {
        return name.replace(/(\d+)$/, function(fullMatch, n) {
        return Number(n) + 1;
        });
    })
});

//when you click on the button called "delete", the function inside will be triggered.
$('.deleteThisRow').live('click',function(){
    var rowLength = $('.row').length;
    //this line makes sure that we don't ever run out of rows.
    if(rowLength > 1){
deleteRow(this);
}else{
$('.employmentHistoryForm tr:last').after(appendRow);
deleteRow(this);
}
});

function deleteRow(currentNode){
$(currentNode).parent().parent().remove();
}
});