Как создать и удалить элементы?

Question

[Евгений Иванов]

Делаю по этой статье https://goo.gl/wqOd95 но пример не работает.
Как создать и удалить элемент?

Нужно по клику на ссылке создавать новый div с 2 текстовыми полями внутри и ссылкой на удаление этого дива.
Имена полей должны быть разными. Так как потом все эти поля (и их значения) будут переданы в php скрипт.

<div>  <input type="text" name="field1_1"> <input type="text" name="field1_2"> <a href="#" onclick="delete_it()">Удалить этот див</a> </div>

Вообщем всё как в примере.

Подскажите как это осуществить или дайте ссылку на аналогичный пример.

Answer 1

[Rsa97]

Например, так:
https://jsfiddle.net/m91bs0g5/
На бэкенд вернутся массивы field1[] и field2[]

Comments

[Евгений Иванов]

Спасибо. Я немного изменил вопрос.
Забыл написать, что желательно ещё и ссылку для удаления дива.
Ну стандартно - добавили див 1 2 3 не понравился 2, удалили его. остались 1 и 3.

[Rsa97]

logpol32: https://jsfiddle.net/m91bs0g5/1/

[Евгений Иванов]

А можно ещё узнать какие доп ресурсы подключены? Библиотеки и их версии?
В фидле я не нашел где это.
Копипаст кода из фидла в новый фидл приводит к неработоспособности примера. (

С этим тоже не работает.

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

[Rsa97]

logpol32: jQuery 3.2.1
Надо нажать на надпись JAVASCRIPT с иконкой шестерёнки.