Mon script ne fonctionne pas
ShortSteack
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
ShortSteack Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
ShortSteack Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
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 :)
A voir également:
- Mon script ne fonctionne pas
- Script vidéo youtube - Guide
- Mas script - Accueil - Windows
- Ghost script - Télécharger - Polices de caractères
- Script cmd - Guide
- Script download - Télécharger - Édition & Programmation
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>
