Intereting Posts
Предотвратить действие мусора / удаления для определенных типов сообщений Вставить содержимое HTML в WP Query в определенный момент Ограниченные отзывы показаны и добавьте кнопку «Загрузить все отзывы» – Woocommerce Полнотекстовый поиск в сообщениях, отсортированных по релевантности Получить сообщения из сети (Multisite) Как вставить собственный код в структуру wp_nav_menu? Защита паролем пользовательского шаблона Функция не работает в одном месте Получить идентификатор страницы страницы, заданной в качестве страницы сообщений Почему WordPress полагается на полнофункциональный site_url с 15-ступенчатым планом перемещения сайта? Удостовериться, что записи отношений терминалов wp уникальны Проверка ввода клонированного / повторяемого ввода (jQuery) Показать медиа-рамку-меню на пользовательском медиа-кадре Создание URL-адреса конкретной страницы Проблема с добавлением JavaScript в визуальный редактор (код для вставки Sharpspring)

Дублирование / клонирование нескольких полей формы

Не уверен, что назвать это, но я работаю над формой, которая запрашивает информацию о продукте (имя, описание, цвет, функции и т. Д.), Но я хотел бы предоставить пользователям возможность добавлять дополнительные продукты нажав на ссылку. Они могли бы добавить столько продуктов, сколько им нужно. После того, как они завершат ввод информации, они могут щелкнуть ссылку, в которой говорится "Add another product" или что-то подобное, и форма предоставит им целый набор новых полей, которые они могут заполнить. В той же форме страница будет расти по мере добавления элементов, и она будет частью одной и той же формы (вместо того, чтобы отправлять форму снова и снова на основе каждого продукта).

Надеюсь, у меня есть смысл, кто-нибудь знает, что это за термин или какие-то рекомендации по плагину, которые могли бы сделать что-то вроде этого? Волшебные поля могут делать это, но на back-end не на интерфейсе.

введите описание изображения здесь

Solutions Collecting From Web of "Дублирование / клонирование нескольких полей формы"

Вместо того, чтобы искать плагин, я нашел фрагмент кода, который решает мою проблему, к сожалению, потому что я не использую плагин, этот пост не относится к WordPress и не соответствует теме. Для тех из вас, кто любопытен, код, который я использую, находится по адресу: http://charlie.griefer.com/blog/2009/09/17/jquery-dynamically-adding-form-elements/

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#btnAdd').click(function() { var num = $('.clonedInput').length; var newNum = new Number(num + 1); var newElem = $('#input' + num).clone().attr('id', 'input' + newNum); newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum); $('#input' + num).after(newElem); $('#btnDel').attr('disabled',''); if (newNum == 5) $('#btnAdd').attr('disabled','disabled'); }); $('#btnDel').click(function() { var num = $('.clonedInput').length; $('#input' + num).remove(); $('#btnAdd').attr('disabled',''); if (num-1 == 1) $('#btnDel').attr('disabled','disabled'); }); $('#btnDel').attr('disabled','disabled'); }); </script> </head> <body> <form id="myForm"> <div id="input1" class="clonedInput"> Name: <input type="text" name="name1" id="name1" /> </div> <div> <input type="button" id="btnAdd" value="add another name" /> <input type="button" id="btnDel" value="remove name" /> </div> </form> </body> </html>