Mettre la classe de l'option sélectionné au select ?

Salut,

voici un exemple de comment tu peux faire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<link href="style.css" rel="stylesheet" media="all" type="text/css">
<script src='jQuery.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
    	$("select").change( function () { 
		$(this).attr("class",$(this).children('option:selected').attr("class"));		
	});
});
</script>
</head>
<body>
	<select id="fonction" name="fonction" class='noneclass'>
		<OPTION VALUE="0" class='noneclass'>---</OPTION>
		<OPTION VALUE="enseignant" class='test'>test 1</OPTION>
		<OPTION VALUE="etudiant" class='test2'>test 2</OPTION>
	</select>
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.test {
	background-color:blue;
	color: red;
}
 
.test2 {
	background-color:red;
	color:blue;
}
 
.noneclass {
	background-color:white;
	color: black;
}

Et cela fonctionne du moins si j'ai bien compris ce que tu voulais faire ;)

A+