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

Question

[virek97]

Есть следующая задача по правке формы заявки:
Добавить поле: Формат участия: с проживанием, без проживания. Если с проживанием, то открываются еще два поля – количество сопровождающих и тариф проживания сопровождающих: проживание с завтраком – 13600 (лето 2018) и проживание с трехразовым питанием – 21600 (лето 2018)

Вопрос:
Как вообще правильно реализовать логику этого задания? Не могу даже толком загуглить, так как не знаю как правильно задать вопрос. Очень хотелось бы посмотреть готовый пример.

Answer 1

[coderisimo]

Вот вам общая идея :
jsfiddle.net/7yt2A
показывать/скрывать что-то в зависимости от значений элементов формы.

Comments

[virek97]

А можно на примере select? А то я очень тугой в JS, и не хочу наделать оплошностей. Уж извиняйте за мою наглость))

[coderisimo]

viktor_rekhnyuk,
ну , элементарно же https://codepen.io/coderisimo/pen/jzPwXb

[virek97]

coderisimo, огромное СПАСИБО :)

[coderisimo]

Удачи)

[virek97]

coderisimo, Спасибо)

[alex-1917]

мне кажется, разжевано недостаточно! надо с комментами и приложить НЕСКОЛЬКО вариантов, как так, как так-то - всего один вариант??!!
автор вопроса требует разжевать и в переварить и только потом в рот дать ему...

[coderisimo]

alex-1917, )))))))

[virek97]

alex-1917, ну, мне и больше 5 вариантов не надо было, но разошлись на двух. Я очень благодарен человеку который мне помог, так как я просто не понимал куда вообще рыть, но теперь у меня есть четкое представление. А Вам желаю хорошего настроения, и не реагировать так горячо))

[alex-1917]

viktor_rekhnyuk, ну чо там, сайт уже полностью собрал? с Тостерной помощью-то..

[virek97]

alex-1917, :))

Answer 2

[synapse_people]

сделай обычный select, в него добавь свои варианты(с проживанием, без проживания), значения with и without соотв.
затем подключи jquery и сделай нечто типа такого:

$select.on('change', function() { if (this.value==='with') $('#subform').show(); else $('#subform').hide();

в элемент #subform запихни остальные 2 текстовых поля..
Все!)