刷新后如何显示新添加的（通过Javascript）DOM元素？

Question

我有一个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>

但这只是一个大表格的一小部分！当我点击提交时，我刚刚创建的那些新元素消失了。

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

Answer 1

您可以计算POST中数字数组的数量。

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

然后创建一个循环，打印表单的次数与之前相同。

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

Answer 2

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

第二个选项是在函数中包含一个AJAX请求，该函数添加行并在会话中添加一些内容：“我有+1蘑菇行！”