Php 使用非特定名称在HTML中动态设置输入值

长期潜伏者，第一次海报

我有一个页面可以动态地（使用Javascript/jQuery）向表单添加key=>value对输入。这些字段需要作为数组返回到PHP进行处理，因此键都命名为“complete_fields[]”，值都命名为“complete_values[]”。现在我的问题来了。如果我填写了一些输入，然后想添加另一个key=>value对，我可以点击一个按钮，Javascript就会发挥它的魔力。但是，由于HTML“value=”部分没有填写，我已经填写的输入将被Javascript删除。所以我的问题是：如何使用JS动态设置输入的HTML值，即使所有输入的名称都相同？如果这是不可能的，我如何才能添加到一个div的末尾而不删除所有剩余的HTML

以下是Javascript添加输入代码：

function addCompleteField() {
    var oldhtml = $("#complete_fields").html();
    var newrow = '<tr><td><input type="text" name="complete_fields[]" > => <input type="text" name="complete_values[]" ></td></tr>';
    $("#complete_fields").html(oldhtml+newrow);
}

函数addCompleteField（）{
var oldhtml=$（“#完整_字段”）.html（）；
var newrow='=>'；
$（“#完成#字段”）.html（oldhtml+newrow）；
}

与使用HTML相比，只需使用jQuery的

clone

方法克隆元素：

function addCompleteField() {
    var table = $('#complete_fields'),
        lastRow = table.find('tr').last(),
        newRow = lastRow.clone(true);

    newRow.find('input').val(''); // blank the new row's input elements
    newRow.appendTo(table);
}