Bonjour à tous !
Je débute avec le JQuery et je n'arrive pas à débloquer un problème pourtant tout simple.
Je souhaite avec une liste déroulante changer la couleur d'un texte se trouvant dans une DIV mias ce que j'ai fait ne fonctionne pas, voici mon code :
Si je crée une alerte sur ma variable couleur ça affiche bien la valeur de mon select mais je n'arrive pas à appliquer cette variable à l'id de ma div
Je débute avec le JQuery et je n'arrive pas à débloquer un problème pourtant tout simple.
Je souhaite avec une liste déroulante changer la couleur d'un texte se trouvant dans une DIV mias ce que j'ai fait ne fonctionne pas, voici mon code :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<meta charset="UTF-8" />
<style type="text/css">
#color1 {
color: #F00
}
#color2 {
color: #0C0
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
</head>
<body>
<div>
<select name="maliste" id="liste">
<option value="0">Faire un choix</option>
<option value="color1">Rouge</option>
<option value="color2">Vert</option>
</select>
</div>
<div id="color">Mon texte en couleur</div>
<script>
$("select[name='maliste']").change( function() {
var couleur = $("select[name='maliste'] > option:selected").val();
$('#color').attr('id','$couleur');
}
);
</script>
</body>
</html>
Si je crée une alerte sur ma variable couleur ça affiche bien la valeur de mon select mais je n'arrive pas à appliquer cette variable à l'id de ma div
