Customiser un Select avec Jquery

Bonsoir,

je cherche un tuto "facile" pour customiser un champ select avec Jquery, tout ce que je trouve sur le web ne semble pas fonctionner, alors si vous connaissez quelque chose de bien, je suis preneur...
Merci

Yop!

Tu veux le personnalisé dans le style? pourquoi ne pas utiliser du css? Sinon, si tu tiens absolument au css je pense qu'il y'a moyen avec un truc du genre:

Code:

---

$($("#l'id de ton select").css({color:bidule;});

---

Je ne suis pas sur de la syntaxe, mais je pense que tu peux t'en servir de base. ^^

Heu...
J'avais dis "facile"... :?
J'ai rien compris à ce que tu as écris, as tu un exemple ou une demo ?

Code:

---

($("#l'id de ton select").css({color:bidule;});

---

Ok ok, désolé je n'avais pas compris. (Je débute aussi, donc je ne te garantis rien.)

Code:

---

$("#l'id de ton select").css({color:bidule;});

---

Donc d'abord, tu dis au Jquery de selectionner l'endroit que tu souhaite toucher. par exemple:

Code:

---

<select id="toto">

---

en Jquery on va le récupérer avec $('#toto'), ou .toto, si c'est une class.
Ensuite, tu vas dire sur quoi tu souhaite intéragir (Par exemple, .html, ça te remplira ta balise select avec ce que tu veux.)

donc $('#toto').css(); (Alors la liste des attributs, bah je pense que tu peux les avoir avec google, moi je demande a mon prof! x))

La, tu es libre de remplir cette balise comme tu le souhaite

Code:

---

$('#toto').css({text-align: center;});

---

{text-align: center;}, je pense que si tu maîtrise un peu le css, tu reconnaitra cette syntaxe. ^^

Maintenant, il faut savoir que Jquery fonctionne seulement si ton document est totalement chargé. Pour ça on met:

Code:

---

1 2 3 4

$(document).ready(function() { $('#toto').css({text-align: center;}); });

---

Par contre, je ne sais pas si tu es au courrant, mais il faut que tu importe ton framework Jquery.

Code:

---

<script src="js/js/jquery.js"></script>

---

(dans le head de ton html)

http://jquery.com/ tu peux obtenir le package ici.

Voilà j'espère que je t'ai aidé.

Ok, merci !
j'ai trouvé ça et j'essaye de comprendre, avec ce que tu m'as dit j'ai un peu plus de compréhension
http://www.adamcoulombe.info/lab/jquery/select-box/