Как в option или вместо option в select вставить gif картинку?

Question

[Павел]

есть стандартный код:

<select name="#" id="#">
    <option value="#">#</option>
</select>

у меня с сервера долго приходит ответ и надо либо внутрь select либо внутрь option вставить gif картинку загрузки , подскажите как сделать? Может через js надо?

Comments

[Сергей Горячев]

Может стоит разобраться, почему долгий ответ сервера, ускорить его, а не плодить костыли?)

[Павел]

Сергей Горячев, это зависит от скорости интернета пользователя, он то по факту быстрый , но эти полторы секунды хочется сделать красиво )

[Антон]

mrusklon, Почему бы не вставить блок прелоудера в родителя селекта абсолютом?

[Павел]

Антон, да действительно я так и сделал , переделал ajax немного , теперь он вместо select вставляет gif , а затем уже генерирует полностью весь select с внутренностями
спасибо

[Антон]

mrusklon, Зачем вместо селекта? Просто блок с gif абсолютом поверх селекта, на событие beforesend добавляете его через prepend или просто включаете через display block, по success'у удаляете или скрываете.
Ну, кому как нравится, если работает и ладно

[Павел]

Антон, да работает, там не много ребилдить , так что норм

Answer 1

[Алексей Уколов]

Стандартный селект ничего, кроме текста не принимает. Поэтому, либо использовать плагин для имитации селекта из любой разметки, либо смириться.

Ну а поскольку задача у вас, как оказалось, совсем иная, воспользуйтесь последним вариантом.