Mettre des images avec des options dans une liste déroulante
J'ai essayé d'insérer des images dans une liste déroulante. J'ai essayé le code suivant mais sa ne fonctionne pas. Quelle est la meilleure façon d'atteindre cet objectif?
<select>
<option value="volvo"><IMG src="a.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Volvo</option>
<option value="saab"><IMG src="b.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Saab</option>
<option value="mercedes"><IMG src="c.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Mercedes</option>
<option value="audi"><IMG src="d.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Audi</option>
</select>
- Assurez-vous de lire cette réponse détaillée ,trop
Vous devez vous connecter pour publier un commentaire.
Ce code fonctionne uniquement sous Firefox:
Édition (Avril 2018):
Vous ne pouvez pas le faire en HTML, mais vous pouvez le faire avec jQuery:
C'est exactement ce dont vous avez besoin. Le voir en action ici 8FydL/445
L'exemple de Code ci-dessous:
CSS:
JS:
et de Démonstration Html:
Vous avez besoin pour réaliser que l'utilisation de CSS
http://binnyva.blogspot.com/2006/01/icons-for-select-menu-options-in.html
gens,
J'ai eu cette amorce déroulante de travail. J'ai modifié l'événement click légèrement afin de garder l'sélectionnée de l'image. Et comme vous le voyez, l'USD est la devise de la sélection par défaut :
J'ai trouvé un crossbrowser compatible JQuery plugin ici.
http://designwithpc.com/Plugins/ddSlick
probablement utile dans ce scénario.
Caisse Et Exécutez Le Code Suivant. Il vous aidera à...
JS:
CSS:
HTML: