Intereting Posts
Как получить доступ к шрифтам темы с помощью пользовательского стиля CSS? Подделка отметьте пункт меню как current_page_item / active в WordPress Где WP авто-сохранить проект JavaScript? как сделать запуск cronjob, когда пользователь должен войти в систему Как запросить сообщения WordPress по пользовательскому полю с максимальной длиной символов Как лучше всего применять do_shortcode в media.php для титров WPCLI поиск и замена вариантов для всех таблиц Показать все 12 месяцев, независимо от того, есть ли у них сообщения как отобразить полный пост с разбиением на страницы на главной странице Как вызвать виджет в цикле с определенным значением итерации? Создание пользовательской роли нескольких пользователей для снижения возможностей Как добавить элемент после каждого сообщения в цикле, но не последний Показать только одну категорию Сделать родительские категории недоступными Вставка фрагмента JS в нижнем колонтитуле, если нет wp_footer?

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

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

Эти вновь созданные записи должны храниться в базе данных таким образом. Мне также необходимо экспортировать записи в 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-странице, которая будет обрабатывать данные.