Добавление нескольких записей в форму с помощью jquery

Question

У меня есть форма событий, которая позволяет кому-то добавить новое событие. Событие может иметь несколько мест, и я хочу использовать jquery в форме добавления, чтобы они могли добавить несколько мест перед отправкой формы. У меня есть идея, как настроить форму для добавления нескольких местоположений, но вопрос в том, каков наилучший способ сохранить несколько местоположений, добавленных пользователем, чтобы я мог отображать их в форме по мере их добавления, а также повторно отобразить их, если человек отправил форму, и они забыли обязательное поле?

* EDIT *

Чтобы дать больше информации о том, что я пытаюсь выполнить в форме, которую я искал, имея ссылку «добавить местоположение», появляется всплывающее окно с вопросом об адресе этого местоположения. Как только они вводят местоположение, они нажимают добавить, и затем это местоположение отображается в форме. Затем они могут повторить этот шаг, чтобы добавить дополнительные места. По завершении формы отображаются все местоположения, которые нужно добавить для этого события, затем человек отправляет форму, и я могу циклически просматривать местоположения, добавленные с помощью формы, чтобы добавить их в базу данных. Итак, как мне сохранить местоположения в форме, чтобы выполнить это?

Answer 1

Когда они нажимают, чтобы добавить местоположение, я предоставляю другую форму в лайтбоксе, а когда они отправляют ее, закрывают лайтбокс и просто добавляют его (вместе с его содержимым) в исходную форму). Надеюсь, это то, что вы пытаетесь достичь. Удачи!

Answer 2

ОБНОВЛЕНИЕ Правильный ответ в комментариях ниже: Создайте таблицу «Расположение» в БД с каждым местоположением и всеми связанными с ним полями.Затем вы можете просто использовать идентификатор местоположения в вашем массиве, а затем при переборе массива вы можете извлекать все связанные поля для этого идентификатора местоположения.

Если вы используете JQuery UI, вы можете рассмотретьнекоторые из плагинов JQuery MultiSelect:

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

http://plugins.jquery.com/project/jquery-multiselect

Чтобы получить проверенные значения для отображения пользователю в форме, а также при наличиив случае каких-либо ошибок вызовите соответствующий метод ('getChecked', если вы используете JQuery UI MultiSelect Widget), чтобы получить массив всех отмеченных флажков.