Как из нескольких форм сделать одну?

Question

[Сергей]

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

Answer 1

[Антон]

По сути - 3 блока полей внутри <form> ... </form>

Первый:
display: block;

Остальные два:
display: none;

По нажатию на кнопку скрывать/отображать тот или иной блок полей. В последнем блоке разместить кнопку "Отправить".

Простым кнопкам даешь id типа: form-block1, form-block2, form-block3.
Далее ловишь их нажатие:

$('#form-block2').click(function() {
	$('#form-block1').css('display', 'none');
	$('#form-block2').css('display', 'block');
});

Comments

[Сергей]

Не совсем так. Нужно чтобы количество форм было неограниченно много. Одну форму можно вызвать несколько раз. Для понимания сути, есть три типа товара, в каждом типе есть подтипы. Клиент может выбрать несколько подтипов в одном главном типе товара. Всю голову сломал как такое сделать.

[Антон]

Сергей: ну так, вроде, все и расписал. Вы точно также можете поместить во второй блок кнопку "Назад", которая будет отображать предыдущий id.

Что касается неограниченных форм, то все решается простым циклом.