Mettre des icone dans un select/option

Flex Le 14 janvier 2017 à 20:01 (Édité le 25 janvier 2019 à 17:53)

Bonjour, je cherche à mettre des icone dans un select/option mais ce dernier ne fonctionne pas avez vous une idée

<div class="mdl-selectfield mdl-js-selectfield">
  <select id="myselect" name="myselect" class="mdl-selectfield__select">
    <option value=""></option>
    <option value="1"><i class="material-icons">accessibility</i>option 0</option>
    <option value="2"><i class="material-icons">forum</i>option 1</option>
  </select>
  <label class="mdl-selectfield__label" for="myselect">Choose option</label>
</div>

coucougael94 Le 15 janvier 2017 à 15:48

C'est impossible en utilisant un select (sauf, en utilisant une police d'icon).
MAIS :
jquery ui te permet de créer un faux select pour, notamment faire ce que tu veux (mettre une img).
Il existe d'autre alternative, mais celle-ci fonctionne.

Flex Le 15 janvier 2017 à 18:07

Salut, merci pour ta réponse je vais regarder ça.
J'ai une deuxième question est-il possible de convertir un menu ul/li en select/option ?

coucougael94 Le 15 janvier 2017 à 22:27

Surement, mais en js.

Devinfo Le 11 mai 2017 à 22:30 (Édité le 11 mai 2017 à 22:30)

a

TheOldNoob Le 22 mai 2017 à 13:22

Salut !

C'est possible assez facilement avec bootstrap par exemple 😀

https://silviomoreto.github.io/bootstrap-select/examples/

Échange

Articles / Vidéos

Ressources