Dans un select, comment insérer une image en arrière-plan de chaque option ?

Bonjour,

j'essaye de mettre des images dans un champ select et j'y arrive en partie.

j'ai un champs select avec comme valeur l'adresse de l'image dans l'attribut value.

Code:

---

1 2 3 4 5

<select id='image_raccourci' name="image_raccourci"> <option value='1.jpg'></option> <option value='2.jpg'></option> <option value='3.jpg'></option> </select>

---

donc pour afficher une image dans un select je parcoure le select, jusqu'à la tout marche, car j'ai essayé de mettre red comme valeur pour le background et c'est ok.
Le problème c'est quand j'essaye d'accéder à l'attribut value, pour mettre l'image...

Code:

---

jQuery('select#image_raccourci > option').css("background", "url('"+this.attr('value')+"')");

---

Si quelqu'un peut m'éclairer et me dire comment accéder à cette valeur?

Merci bcp :)

Laurent

la réponse devrait être :

Code:

---

1 2 3 4 5 6

$('#image_raccourci').find('option').each(function(){   $(this).css("background", "url('"+$(this).val()+"')");   })

---