Как создать такой выпадающий список с возможностью форматирования?

Question

[Erling]

Пока не сталкивался с такими списками (элементы нужно отформатировать, дефолтное оформление браузером не подходит). Список select->option не оформляется как нужно (например внутри option подходит идет только строка-текст.

Подскажите как это сделать? Лучше с примитивным примером. Пример на картинке. Знаю, что можно привязать обычнфе элементы НЕ форм к селектам или как-то похожим образом, но пока с этим реально не сталкивался.



Спасибо!

Answer 1

[Михаил Чирский]

Используйте готовые плагины, select, капризный элемент, не кастомится как остальные, потому лучше использовать готовые плагины, вот 1 из них
https://select2.github.io/
а вот с вашим примером, чтобы вставить флаг
https://select2.github.io/examples.html#themes-tem...

Answer 2

[Александр]

Есть много плагинов jQuery для стилизации списков, например Styler

Answer 3

[Иван]

Гуглите плагины, тысячи их ...