Forum d'entraide PHPFrance

Bonsoir est-il possible de mettre du code HTML ou image dans une balise SELECT


du Genre
<select>
<option><img src='img.jpg'>Nom image</option>
<option>TEXTE</option>
<option><b>TEXTE</b></option>
</select>


J'ai bêtement essayé et cela ne fonctionne pas


Merci de votre aide

Et bien tu as ta réponses, c'est non...
Après il y surement des bidouilles possibles, de faire un "faut" select, construit avec des divs et des bidules javascripts, ça doit pouvoir se ficeler, mais bon se sera toujour moins efficace que de faire un select normal.

Bonsoir est-il possible de mettre du code HTML ou image dans une balise SELECT


du Genre
<select>
<option><img src='img.jpg'>Nom image</option>
<option>TEXTE</option>
<option><b>TEXTE</b></option>
</select>


J'ai bêtement essayé et cela ne fonctionne pas


Merci de votre aide

Bonsoir,

A quoi te servirait de récupérer une image ???
sa source OK, mais l'image elle-même ????

je me trompe peut-être, mais je pensait qu'il voulais simplement faire cela pour faire joli, non? c'est ça?

Si on mets une option c'est pour pouvoir récupérer le choix de l'utilisateur, non ?

oui mais il voulait juste Imagé le choix de l'utilisateur, c'est à dire en gros juste si il y avait un select par exemple un select pour choisir le genre dans un form, ben mettre les petits signes du rond et de la flèche et celui du rond et de la croix, je sais pas si mon exemple est bon mais c'est pour illustrer

Effectivement, c'est juste pour illustrer l'option du select.

Dans mon menu déroulant j'ai un liste de produit que je souhaite illustrer avec une petite vignette.


Merci

Et bien comme je te l'ai dit plus haut, il n'y a pas de solutions simple et efficaces, seulement des bidouilles (mais qui peuvent être utilisables hein je te rassure)... qui demande sinon des connaissances, au moins du courage!
pour une piste de début,
déja il ne faut pas utiliser la balises select, car comme dit plus haut elle ne permet pas d'insérer du code html.
IL faut construire sa balise, comment?
quelques pistes:
créer un Input de type text, qui grace à un évènement onClick fait apparaitre (grace à des propriétée css display: none/block) un div ou un ul dans lequel tu as des éléments listé (donc sémantiquement, un ul est beaucoup mieux) qui contiennent chacun un évènement onclick qui change le contenu de l'input text de départ...
Ensuite le fait de mettre des images c'est de la broutille, puisque tu est dans du code html normal, donc les <img> sont acceptées...
M'enfin en un clic, plus rien ne marche, parceque le javascript est désactivable

Tourne toi vers les menus déroulants, ça doit être grosso modo le même principe : un click/survol d'un lien qui fait apparaître le menu.

Ensuite, avec un peu de javascript il doit être facile d'avoir non pas un lien comme pour un menu déroulant, mais un script javascript qui détecte sur quoi tu as cliqué pour insérer dans les données de ton formulaire une valeur (correspondant auparavant à la valeur de ton option dans ton select).