Как настроить multiselect выпадающим списком с результатом во втором окне?

Question

[Jack]

Здравствуйте! Помогите решить задачу, перелопатил весь интернет и не могу найти решение. Нужно сверстать выпадающий multiselect, чтоб результаты отправлялись в окно ниже. Фото прилагаю. Подскажите, пожалуйста, как это реализовать? Заранее благодарен!

Comments

[gracer]

Выложили бы куда-нибудь код

[Jack]

gracer, кода нет, я не знаю как это чудо реализовать

[Mr_Sergo]

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

[Jack]

zlojnaxa, в окно ниже должны попадать плашки з зеленым фоном (на картинке их две, но может быть больше), в самом выпадающем списке они идут друг за другом, список должен выпадать по нажатию на стрелку

[Brad9aga]

zlojnaxa, короче перевожу на русский, сделать выпадающее меню через js

[Jack]

Brad9aga, типо того, но перелопатив кучу плагинов, а они все работают не так как надо (

[Mr_Sergo]

Jack, то есть кликаем на стрелку выпадает список: "мероприятия", "аквасъемка", и т.д. По клику по одному из пунктов он попадает в окно ниже. Правильно понимаю?
"Окно ниже" ограничивается каким-то кол-вом плашек или в него можно добавить сколько угодно плашек?

[Jack]

zlojnaxa, все верно. можно добавить сколько угодно плашек

Answer 1

[Сергей Хлопов]

Ещё таких элементов не делал, погуглил, вот что удалось найти: loudev.com какая то библиотека, которая зависит от Jquery для multiselect. Может быть конечно это будет неприемлемо, т.к. из за одного multiselect, подключать jquery а затем данную библиотеку, не очень верно в некоторых ситуациях.
А если писать своё решение, думаю что алгоритм его работы должен быть такой:

• Необходимо получать выбранный элемент из селекта (выпадающего списка)
  
• Из селекта (выпадающего списка) выбранный элемент скрыть/удалить (Это если из списка выбранный элемент должен пропадать)
  
• Отобразить выбранное значение в блоке ниже
  

Answer 2

[ed]

https://selectric.js.org/demo.html
Get selected option value