Как показать недавно добавленные (по 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 грибковых строк!»