@Nimbus1996

Как реализовать выпадающий список?

Ребят, мне нужно реализовать select как на макете:
604f001bbda83566704645.png

Я пытался использовать jquery.form.styler кастомизировал, но не получается работать с option, а именно:
сделать так,. чтобы нельзя было выбрать город, если не выбрана страна,
после выбора города снизу появляется блок организациями в этом городе,
на бэкэнде потом будут подгружать список стран и городов, но мне надо для примера несколько сделать хотя бы.

В общем проблема в том, что стилизовать select и option как в макете средствами css не получится, а подключив библиотеку - не получается работать с данными, подскажите решение, как лучше сделать?
  • Вопрос задан
  • 444 просмотра
Пригласить эксперта
Ответы на вопрос 2
@cryowning
Кастомизировать через библиотеку, а с данными работать через js. Как один из вариантов: ставишь на селект города pointer-events: none;, после выбора страны добавляешь активный класс типо "country_selected", на этот класс вешаешь стили для селекта города pointer-events: all;, Если правильно понял должно подойти)
Ответ написан
irishmann
@irishmann
Научись пользоваться дебаггером
https://select2.org/ почти то же самое
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
07 мая 2024, в 13:28
20000 руб./за проект
07 мая 2024, в 13:07
7000 руб./за проект
07 мая 2024, в 12:59
500 руб./за проект