|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
17.06.2019, 00:09 | #1 |
Пользователь
Регистрация: 17.06.2019
Сообщений: 29
|
Зависимый селект
Уважаемые участники форума, прошу помочь!
Имеется вот такая конструкция - https://jsfiddle.net/fromthemoon/gomstx74/ Необходимо, чтобы при выборе в первом селекте выводилась соответствующая optgroup'а. Каким образом можно скрыть не нужные виды покрытий во втором селекте, без изменения HTML-разметки, прям вот как есть. Заранее благодарю за помощь! |
17.06.2019, 01:06 | #2 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Установите всем опшнГруппам свойство display: none по умолчанию.
Когда выбираете в первом селекте какое-то значение, вам надо найти опшнГрупп, у которого лейбл совпадает с выбранным значением в первом селекте. У найденного опшнГруппа ставите display: block, при этом запоминаете ссылку на этот групп в какой-то переменной. Когда выбираете другое значение, запомненному в переменной группу ставите снова дисплей нон, а потом повторяете все действия, что я описал. |
17.06.2019, 10:52 | #3 |
Пользователь
Регистрация: 17.06.2019
Сообщений: 29
|
Я мысленно понимаю как это должно в процессе работать, но к своему сожалению не имею навыков в написании кода, синтаксис Javascript для меня остается дремучим лесом. Понимаю, что следует изучить материал, но нужно сделать данную причуду быстрее, т.е. на изучение нет времени, потому брожу по форумам и терроризирую всех своими глупыми вопросами
Последний раз редактировалось fromthemoon; 17.06.2019 в 16:23. |
17.06.2019, 22:02 | #4 | |
Пользователь
Регистрация: 17.06.2019
Сообщений: 29
|
Цитата:
|
|
18.06.2019, 18:06 | #5 | |
Пользователь
Регистрация: 27.05.2019
Сообщений: 70
|
Цитата:
2. Если вы подключили jquery, то логику переключателя можно сделать так Код:
Лучший сервис выбора хостинга по параметрам.
Более 600 тарифов. Есть промокоды! |
|
18.06.2019, 19:54 | #6 | |
Пользователь
Регистрация: 17.06.2019
Сообщений: 29
|
Цитата:
|
|
18.06.2019, 20:22 | #7 | |
Пользователь
Регистрация: 27.05.2019
Сообщений: 70
|
Цитата:
Вижу вы пытались их добавить таким образом Код:
Код:
Для этого есть специальные плагины. Например https://select2.org
Лучший сервис выбора хостинга по параметрам.
Более 600 тарифов. Есть промокоды! |
|
18.06.2019, 20:27 | #8 | |
Пользователь
Регистрация: 17.06.2019
Сообщений: 29
|
Цитата:
P.S. Одной и главной ошибкой было создание этого сайта на конструкторе |
|
18.06.2019, 20:34 | #9 |
Пользователь
Регистрация: 27.05.2019
Сообщений: 70
|
Значит вставить иконки в список не получится.
Лучший сервис выбора хостинга по параметрам.
Более 600 тарифов. Есть промокоды! |
18.06.2019, 20:42 | #10 |
Пользователь
Регистрация: 17.06.2019
Сообщений: 29
|
Не совсем так - https://smirnovstolyar.ru/krovati, например, самая первая кровать
|
|
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Зависимый div | Dimafly | HTML и CSS | 2 | 28.02.2014 20:36 |
Раскрывающий зависимый список в форме. | uznknown1 | Microsoft Office Excel | 26 | 05.01.2014 18:49 |
Не получается прикрутить селект. | Predator199 | JavaScript, Ajax | 1 | 17.10.2012 20:42 |
Поиск в списке селект | zatocnik | JavaScript, Ajax | 0 | 30.08.2012 17:16 |
Зависимый список | vlad-minsk | Microsoft Office Access | 4 | 05.08.2010 11:32 |