Mon script ne fonctionne pas
Bonjour,
Je réalise un formulaire et j'aimerais que le premier élement de ma balise select soit grisé et non pas de couleur noire par défaut.
Voici mon code :
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>$("#choice").change(function () {
if($(this).val() == "0") $(this).addClass("empty");
else $(this).removeClass("empty")
});
$("#choice").change();
</script>
</head>
<select id="choice">
<option value="0" selected="selected">Choose...</option>
<option value="1">Something</option>
<option value="2">Something else</option>
<option value="3">Another choice</option>
</select>
<style>
#choice option { color: black; }
.empty { color: gray; }
</style>
Quelqu'un pourrait-il m'expliquer où est l'erreur svp ? (surement très bête j'imagine...)
Merci beaucoup :)
Je réalise un formulaire et j'aimerais que le premier élement de ma balise select soit grisé et non pas de couleur noire par défaut.
Voici mon code :
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>$("#choice").change(function () {
if($(this).val() == "0") $(this).addClass("empty");
else $(this).removeClass("empty")
});
$("#choice").change();
</script>
</head>
<select id="choice">
<option value="0" selected="selected">Choose...</option>
<option value="1">Something</option>
<option value="2">Something else</option>
<option value="3">Another choice</option>
</select>
<style>
#choice option { color: black; }
.empty { color: gray; }
</style>
Quelqu'un pourrait-il m'expliquer où est l'erreur svp ? (surement très bête j'imagine...)
Merci beaucoup :)
2 réponses
-
Salut,
<head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> //il faut initialiser au chargement de la page, pour dire à jquery ce qu'il faut faire au .change $(function() { $("#choice").change(function () { if($(this).val() == "0") $(this).addClass("empty"); else $(this).removeClass("empty") }); $("#choice").change(); }); </script> <style type="text/css"> #choice option { color: black; } .empty { color: gray; } </style> </head> <select name="choice" id="choice"> <option value="0" selected="selected">Choose...</option> <option value="1">Something</option> <option value="2">Something else</option> <option value="3">Another choice</option> </select>
-
Super ça fonctionne !
Merci Alain !
