如何在刷新后显示新添加的(通过Javascript)DOM元素


How to show newly added (by Javascript) DOM Elements after refresh?

我有一个JavaScript函数,它可以乘以DOM元素。

击中了 2 次(例如),我得到了 3 个这样的元素:

<!-- How to show all my new Elements after refresh? -->
<tr id="toBeMultiplied">
    <td>
        <!-- How to echo the value of this input? -->
        <input type="text" name="numbers[]" /> 
    </td>
    <td>
        <!-- How to echo the value of this input? -->
        <input type="text" name="titles[]" />
    </td>
    <td>
        <!-- How to echo the value of this input? -->
        <input type="text" name="lengths[]" />
    </td>
</tr>

但这只是一个大形式的一小部分!当我单击"提交"时,我刚刚创建的那些新元素会消失。

所以,我想让我的新元素不会消失

您可以计算开机自检的数字数组中有多少个值。

例如: $i = count($_POST['numbers'])

然后创建一个循环,该循环将打印表单的次数与以前一样多。

如果您最终使用 $i 作为元素计数,则可以将以前的值填写回表单中,如下所示:$_POST['numbers'][$i]

您可以使用 jQuery 拦截 POST 语句并获取新创建的元素并通过 AJAX json 发送数据。

第二种选择是在函数中包含 AJAX 请求,该请求添加行并在会话中放置一些内容,显示"嘿,我有 +1 个蘑菇行!