Mon script ne fonctionne pas

Fermé

ShortSteack Messages postés 2 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 14 février 2013 - 14 févr. 2013 à 05:31
ShortSteack Messages postés 2 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 14 février 2013 - 14 févr. 2013 à 16:21

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 :)

A voir également:

Mon script ne fonctionne pas
Script vidéo youtube - Guide
Ghost script - Télécharger - Polices de caractères
Script bat - Guide
Microsoft activation script - Accueil - Windows
Executeur de script - Télécharger - Édition & Programmation

2 réponses

Réponse 1 / 2

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
14 févr. 2013 à 08:20

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>

Réponse 2 / 2

ShortSteack Messages postés 2 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 14 février 2013
14 févr. 2013 à 16:21

Super ça fonctionne !
Merci Alain !

Discussions similaires

recherche script "les visiteurs"

executer un fichier .py sous linux

Problème Avast "HTML:Script-inf"

Liste COMPLETE des commandes .bat

une erreur est survenue dans le script de cette page