Select, если выбран один из пунктов, появляется блок, как реализовать?

Question

[Антон Вебсайтовский]

Есть селект, в нем пункты, как сделать чтобы если я выбрал один из любых пунктов, то вводился скрытый блок?

Схема:
https://jsfiddle.net/k5tdu2yq/1/

Answer 1

[Иван]

Comments

[Антон Вебсайтовский]

спасибо

[Антон Вебсайтовский]

Так, а если селект на странице не один, как нужный по ид ловить?

[Иван]

Антон Вебсайтовский, Обновил вариант, можно попробовать так.

[Антон Вебсайтовский]

Иван, спасибо, еще вопрос назрел, а если не радио а чекбоксы, и можно выбирать не один вариант, значит блок как-то дублироваться должен, у меня в этом блоке импут поля идут, для каждого чекбокса они одинаковые, я сделал так, под каждым чекбокосм выводить хочу скрытый блок с полями.
Можно как-то и проще сделать, дублировать форму с одного места и выводить в нужном по id, но есть но, у полей в скрытом блоке у импутов, надо же чтоб в id и name, что-то в конце добвлялось, чтоб поля были разные, а не одинаковые.

Вот схема:
https://jsfiddle.net/bu5d3vm2/1/

[Антон Вебсайтовский]

Антон Вебсайтовский, или даж правильнее будет, добавлять в скрытый блок в импуты название выбранного чекбокса. Чтоб путаницы не было, или если это гемор, можно обычно тогда наклепать скрытых блоков под каждым чекбоксом и вписать в id и name то что надо. Чтоб одинаковые блоки не были. Тогда и js надо клепать тож ) для каждого пункта.

[Иван]

Антон Вебсайтовский, обновил ответ.
Если честно, не совсем понял Вас) Но что то попробовал

[Антон Вебсайтовский]

Иван,а как скрипт определяет какой блок показывать? если у всех класс одинаковый.

[Иван]

Антон Вебсайтовский, чекбоксы и блоки мы получаем с помощью querySelectorAll.
Т.е. мы получаем ВСЕ элементы с input[type="checkbox"] и .flagblock в два массива, можно сказать.
Каждый элемент в этом массиве стоит под определенным номером.

При нажатии, мы перебираем массив с чекбоксами, методом forEach, получаем чекбокс и его порядковый номер, затем проверяем на какой элемент мы нажали и передаем порядковый номер этого элемента, в функцию, которая показывает нам блок с таким же порядковым номером, как у кнопки.

[Антон Вебсайтовский]

Иван, спасибо, косяк, есть в блоках импут поля, он делает галочки какие-то.

[Антон Вебсайтовский]

Антон Вебсайтовский, ахаха бл., я тупанул, это же блок где мы выбираем галочками, там же на все импуты что в блоке применяется ac-custom ac-radio, а мы туда еще блоки эти пихаем которые показывать надо, как тут быть?

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

[Антон Вебсайтовский]

Вообщем вот так.

[Иван]

Антон Вебсайтовский, Какие галочки? Какие блоки? То, что вы скинули, уже никак не относится к тому, что Вы просили изначально.

Вопрос был, как сделать, чтобы при выборе любого чекбокса, появлялся блок с текстом. Задачу сделали? Сделали! Работает? Работает.

Это уже никак к тому не относится. Копайтесь в верстке, ищите проблемы в стилях.

[Иван]

Антон Вебсайтовский, это уже верстка, поправьте верстку, поправьте классы, добавьте обертку и все встанет как надо.

[Иван]

Антон Вебсайтовский, Блоки, которые нужно показывать, можно вынести вообще в любое место. Скрипт ищет их по классу и порядковому номеру.

[Антон Вебсайтовский]

Да я сделал, яж писал, коменты уже после излишни )
Спасибо.