Intereting Posts
Класс публикации для пользовательской таксономической ошибки Отправить сообщение по тегу как добавить активный класс к родительскому на «страницах» (короткий код меню) Скрыть определенные типы сообщений от редакторов Записи запроса: как исключить результаты, если сообщение находится в нескольких категориях Таблица опций плагина – это сериализованные данные Редактор не может получить доступ к параметрам темы Отображать пользовательскую таксономию типа сообщения и месяц WordPress публикует сообщения после обновления 3.1 Изменение имени типа Custom Post из портфолио в фотографии Просмотр сортировки сообщения по тегам Как установить значения по умолчанию для edit_post_link () в моей теме? Загрузка WordPress на внешнем сервере Список Категория Сообщения плагин – ссылки подчеркивания Localhost load-scripts.php Ошибка 500 в Личном кабинете

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

Не уверен, что назвать это, но я работаю над формой, которая запрашивает информацию о продукте (имя, описание, цвет, функции и т. Д.), Но я хотел бы предоставить пользователям возможность добавлять дополнительные продукты нажав на ссылку. Они могли бы добавить столько продуктов, сколько им нужно. После того, как они завершат ввод информации, они могут щелкнуть ссылку, в которой говорится "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>