jQuery : changer le fond d'un select

[rudddy]

Bonjour,

je voudrais changer le backgroundcolor d'un select (toutes les lignes) dès que je change l'option sélectionnée ou bien dès que je fais dérouler le menu.

J'ai fais la même chose avec des input text et ça a marché, mais là ca passe pas.

	$("input[type=text]").live('click', function() {
			$(this).css({background : "white"});
		});

merci de votre aide

 

[ZelkiN]

En essayant sans les " au niveau du css

$(this).css({background-color: white});

 

[YoyoS]

Suffit de mettre un #id à ton select

<select id="monselect"...

Ensuite un truc comme ça, non testé ^^:

$('#monselect').css();
$('#monselect option').css();
$('#monselect xxx').css();

$("input[type=text]") correspond aux <input type="text" ... et pas dutout aux <select ...

 

[rudddy]

En essayant sans les " au niveau du css

$(this).css({background-color: white});

non la syntaxe indiquée est la bonne (bien que je crois que jQuery est assez large)

Suffit de mettre un #id à ton select

<select id="monselect"...

Ensuite un truc comme ça, non testé ^^:

$('#monselect').css();
$('#monselect option').css();
$('#monselect xxx').css();

$("input[type=text]") correspond aux <input type="text" ... et pas dutout aux <select ...

il y a déjà un id bien sûr et même en faisant ça ça ne marche pas :

$("#dept").live('click', function() {
			$(this).css({background : "white"});
		});

en fait ce code change la couleur de chaque option au survol de celle là, alors que je veux repasser tout le select en blanc

Merci

 

[aladdin]

si tu nous donnais le code html de ton select ca sera plus facile pour t'aider

 

[rudddy]

voila, rien de bien sorcier :

				<select id="dept" name="dept">
					<option value="NC" selected>--- Choisir ---</option>
					<option value="01">01 Ain</option>
					<option value="02">02 Aisne</option>
					<option value="03">03 Allier</option>
					<option value="04">04 Alpes Hte Provence</option>
...
					<option value="95">95 Val d'Oise</option>
				</select>

 

[rudddy]

et la page en question sur http://www.1-energies-renouvelables.org/

 

[aladdin]

bein ton code marche non ?

que veux tu dire par "repasser tout le select en blanc" ?? tu parle de la flèche aussi ??

 

[rudddy]

non je parle de toutes les options du select, qu'elles passent toutes en blanc en même temps

 

[aladdin]

tu teste avec quel navigateur ? car chez moi c'est le cas avec FF et chrome

 

[rudddy]

ff 3.6

 

[spout]

- Pourquoi faire ça en JS alors que du CSS suffit ? (tous la même couleur? donc aucune logique à y appliquer)
- Ce n'est pas sur le <select> qu'il faut changer le background-color, mais plutôt les <option>

 

[aladdin]

bizzard ...

essai avec

$("#dept").live('click', function() {
         $(this).parent().css({background : "white"});
      });

 

[rudddy]

- Ce n'est pas sur le <select> qu'il faut changer le background-color, mais plutôt les <option>

et comment tu y accèdes en jQuery ?

 

[rudddy]

bizzard ...

essai avec

$("#dept").live('click', function() {
         $(this).parent().css({background : "white"});
      });

non plus ... mais enfin ta syntaxe accède au parent, il faudrait plutôt l'enfant !

j'ai testé avec child() et c'est pas bon non plus

 

[spout]

- Ce n'est pas sur le <select> qu'il faut changer le background-color, mais plutôt les <option>

et comment tu y accèdes en jQuery ?

Avec la fonction each() http://api.jquery.com/each/

$("#dept").live('click', function() {
$("#dept option").each(function() {
$(this).css({background : "white"});
});
});

(pas testé)

 

[rudddy]

t'es un tueur

merci et je t'ai reco !

 

[YoyoS]

ca fait la même chose que ce que j'ai dit non ?

$('#monselect option').css();

 

[rudddy]

bah non (va savoir pourquoi ...)