Как дублировать элементы формы поиска и добавлять уникальные идентификаторы

Question

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

Мне нужно добавить функциональность, которая заставит кнопку «Добавить другой город» дублировать штат / провинциюи выбор городов, которые заполняются данными XML с помощью вызова Ajax, но с уникальными идентификаторами, поэтому форма может в конечном итоге объединить условия поиска с несколькими городами для получения результатов поиска.Кроме того, он должен иметь возможность добавлять не более 4 дополнительных городов.

Может ли кто-нибудь хотя бы указать мне, как мне начать с этого?

Answer 1

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

Я бросил это вместе, чтобы проиллюстрировать идею:

http://jsfiddle.net/2SLrF/

Все работает совершенно не по классу.

ПРИМЕЧАНИЕ. Я немного с ума сошел от цепочки, потому что она была быстрой и грязной, вы, вероятно, захотите немного выделить ее для удобства обслуживания.

Если по какой-то другой причине вам нужно сгенерировать идентификаторы, вы можете просто создать переменную счетчика и просто добавить ее в конец идентификатора, чтобы она была уникальной.

РЕДАКТИРОВАТЬ: тот же пример, расширен и прокомментирован. http://jsfiddle.net/2SLrF/1/