Intereting Posts
Переключение положения элементов в нижнем колонтитуле Отобразить первый тег, назначенный сообщению Загрузка пользовательских jQuery и HTML на странице WordPress Откуда wp электронной коммерции загружает файлы темы плагина? Пользовательская домашняя страница с полным сообщением только для первого Импорт данных из не-wordpress mysql db Как управлять настраиваемым архивом типа публикации в виде страницы? Как получить список флажков категории CPT и показать сообщение о выбранных (умнож.) Флажках через ajax? Пользовательский выбор запроса двух таблиц с помощью мета-ключа Как исключить категорию из цикла с массивом Как применить шаблон к моим одиночным сообщениям? Сохранение данных о ценах продукта в базе данных Почтовая навигация не отображается (в пользовательском шаблоне, пользовательском типе сообщений, пользовательском запросе) Есть ли способ добавить пользовательский текст + ссылку над результатами поиска для разных поисков? Как заставить WordPress использовать новые параметры Путь загрузки в Multisite Setup

Добавление полей формы динамически при нажатии кнопки

Я с нетерпением жду, чтобы создать раздел формы нажатием кнопки. Скажем, я хочу добавить раздел информации о продавце нового продавца столько раз, сколько захочу, нажав кнопку +. Раздел информации агента продавца должен содержать основной текст, выпадающие списки и т. Д.

Эти вновь созданные записи должны храниться в базе данных таким образом. Мне также необходимо экспортировать записи в CSV позже.

Хотя, я использую WordPress как платформу, я бы не прочь другие решения PHP / AJAX, чтобы добавить эту функциональность.

Я не могу найти идеальное совпадение, Грозные формы были близки к этому, но кнопка click to ADD NEW приводит меня к отдельной странице. Другие плагины не предлагают возможности сделать это.

Вы можете предложить любые бесплатные или платные сторонние разработчики форм, плагины для WordPress или пример кода, чтобы помочь мне реализовать это, если я пропустил что-либо.

Я поделился скриншотом формы, которая будет закодирована как !!

Пример динамической формы

Solutions Collecting From Web of "Добавление полей формы динамически при нажатии кнопки"

Вы можете сделать это с помощью Javascript, создав новые элементы DOM.

Вы можете использовать это. Попробуйте сами из W3Schools

Скопируйте и вставьте этот код. Попробуйте сами и посмотрите, как он работает, он просто добавляет новый абзац:

<!DOCTYPE html> <html> <body> <div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> <p><input type="button" value="Add Paragraph" onclick="addPara();"></p> </div> <script> function addPara() { var para = document.createElement("p"); var node = document.createTextNode("This is new."); para.appendChild(node); var element = document.getElementById("div1"); element.appendChild(para); } </script> </body> </html> 

Теперь взгляните на этот пост в SO, чтобы узнать, как добавить форму.

Извините, я пропустил часть базы данных. Вам нужно будет создать страницу php, которая будет обрабатывать обработку и хранение данных в db. Опять же, я использую W3schools, попробуйте его самостоятельно (но, как правило, этому веб-сайту нельзя доверять более серьезную и профессиональную информацию о программировании), вот ссылка с примером того, как отправлять данные из формы на php.

Это один из способов сделать это, и он обновит страницу. Мой любимый способ – использовать Javascript для сбора данных, а затем отправить его на php-страницу с помощью вызова AJAX. Вот ссылка на ajax с php.

И это руководство по работе с таблицами базы данных в WP , я думаю, вы можете просто использовать эти функции на php-странице, которая будет обрабатывать данные.