Как в зависимости от выбора в Select менять form?
как мне сделать так что бы когда человек выбирал select менялась post форма.
В идеале хочу добиться такого:
1ый селект, выбор типа "Индивидуальная запись или запись групповая.
Если человек выбирает первый вариант,
Ему выскакивает просто форма с полями
Имя
Фамилия
Дата рождения
Если же человек выбирает групповая запись, появляется другой селект, с выбором количества человек от 2 до 5 к примеру. И если человек выбрал, 4, ему выдается форма в которой можно задать данные уже для 4 человек и затем отправить?
Гуглил это вопрос, большинство за то что бы использовать jQuery, но я совершенный ноль в нем и не очень понимаю как правильно подключить его, прощу помочь :)
Дополнительно:
Если под "прошу помочь" - вы подразумеваете чтобы Вам выдали код, то это на фриланс.
А по вопросу - вешайте слушатель изменений на селект, смотрите какое значение и делайте соответствующее действие.
Всё что нужно можно найти на https://learn.javascript.ru/
Тут отвечают на вопросы «почему я сделал, как в документации, а оно не работает. Поискал в интернет, вот запросы, в ответах не нашел. Что я делаю не так?»
Покажите, как вы пробовали решить проблему, приведите код попытки (пусть неудачной), опишите, как запускали, что ожидали и что получилось.
За готовыми решениями - на фриланс. В текущем виде это не вопрос, а задание. Нарушен п.5.12 Регламента.
Ответы:
Можно сделать 2 формы (изначально невидимые).
Через js сделать видимую форму по select.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы реализовать изменение формы в зависимости от выбранного значения в элементе Select, вам необходимо использовать JavaScript. Вот пример кода, который поможет вам решить данную проблему:
```html
Опция 1
Опция 2
function changeForm() {
var selectValue = document.getElementById("mySelect").value;
var formContainer = document.getElementById("formContainer");
if (selectValue === "option1") {
formContainer.innerHTML = `
`;
} else if (selectValue === "option2") {
formContainer.innerHTML = `
`;
}
}
```
В данном примере при изменении значения в элементе Select будет происходить динамическое изменение содержимого формы в зависимости от выбранной опции. Вы можете добавить сколько угодно различных вариантов для изменения формы в зависимости от выбора в Select, просто добавив соответствующие условия в функцию changeForm().