Как решить проблему добавления инпутов?

Question

[sabanovvv]

Ребят,помогите исправить!
Есть форма с инпутами.
При нажатии на кнопку "добавить дополнительный номер" добавляется новая строка с телефоном и фио(это работает).

При нажатии на кнопку "добавить отдел.филиал" добавляет новый блок.

Проблема:
1)если нажать на кнопку "добавить дополнительный номер" то добавлется 3-я строчка и если затем нажать на кнопку "добавить отдел.филиал" то добавляется блок с 3- строчками.
Как сделать чтобы всегда добавлялся блок с 2-я строчками.

2)при нажатии на кнопку "добавить дополнительный номер" в любом блоке,то она добавляется во все.
jsfiddle.net/unior27/k8ck2ega/2

Answer 1

[Денис Ильясов]

Я бы сделал форму для примера, которая скрыта и будет иметь 2 поля. И потом из неё уже клонировал и показывал, но мне кажется есть способ лучше.

Comments

[Александр Цымбал]

всё верно, согласен с вашим варимнтом - нужно просто начальную форму как-то закешировать (скажем, в невидимом блоке на странице или в переменной), и при нажатии на вторую кнопку просто выпуливать изначально закешированный вариант! :)

Answer 2

[Роман]

E вас же id="number_block" для нескольких элементов задан - это во-первых.

Во-вторых, вы клонируете то, что у вас на данный момент в ДОМе. То есть если будет 4 строчки, то добавив филиал, вы склонируете 4 строчки. Для того чтобы вы клонировали только 2 строчки, вам необходимо закэшировать соответствующий блок дивов. И потом вставлять уже его.

Comments

[sabanovvv]

не поможете сделать это,на основе моего примера?

[Роман]

sabanovvv: эх, молодеж.

jsfiddle.net/k8ck2ega/7

[sabanovvv]

Роман: спасибо вам большое,один момент.
в вашем коде,когда вот создали новый блок по нажатию на кнопку "добавить отдел.филиал",
то в нем не работает кнопка "добавить дополнительный телефон".
можно как то исправить?

[Роман]

Только там еще с айдишниками разобраться нужно. А то опять получается, что дублируются.

[sabanovvv]

Роман: не поможете,ато чето уже никак не могу с этим разобраться(

[Роман]

sabanovvv: в вашем примере, кстати, во втором филиале тоже кнопка не работает, так как на нее не навешан ивент.

Почистите в ХТМЛ коде теги, а то у вас одни и те же айдишники по несколько раз в одном теге и в дргуих прописаны.

т.е. схема должна быть следующей - инициализируйте в переменную значение полей которые необходимо слонировать. Потом не забудьте добавить каждому новому полю свой собственый айди (если он вам нужен).

Разберитесь с кнопками и полями, а то "goodbye3" и"goodbye2" не сопутствуют пониманию кода.
Посмотрите что и куда вы клонируете.

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