Как добавить иконку для select, используя плагин JQuery UI?

Question

[dimsontm]

Использую этот плагин jqueryui.com/selectmenu/#custom_render
Иконки для option добавил согласно мануалу, но как сделать так, чтобы в самой кнопке select отображалась иконка выбранного option ?

Answer 1

[Артем]

https://stackoverflow.com/questions/29528317/custo...
jsfiddle.net/jhend2099/oqwterae/1

Comments

[dimsontm]

да, почти то что надо,но не совсем. В этих примерах изначально иконки нет,а появляется после того как сделан выбор. Мне надо чтобы иконка всегда была,если есть дефолтный option

[Артем]

Фиг его знает, как настроить... не очень я в UI разбираюсь.
Могу предложить только https://silviomoreto.github.io/bootstrap-select/ex... (раздел Icons), надеясь, что бутстрап вы тоже юзаете.

[dimsontm]

вообще бутстрап не использую на данном проекте, но видимо в следующий раз стоит, так как решает много задач сразу и ускоряет разработку.

[Артем]

Тогда могу предложить как отдельный компонент selectize.github.io/selectize.js
Пример: https://codepen.io/anon/pen/vmqBPv
Флаги, правда, уже умерли, но смысл понятен, думаю

[dimsontm]

спасибо!

[Артем]

Не за что ) Отметьте решением, если помогло.