Bonjour a tous
Je debute avec jquery et j'ai fais ce petit code pour apprendre mais ça ne marche pas
pourtant en utilisant if else et elsif ca fonctionne
quest ce qui ne vas pas?
merci de m'aider
[code=javascript
]!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Titre de la page</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" /></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
$('#champ1').hide(); // on cache le champ par défaut
$('select[name="couleurs"]').change(function() { // lorsqu'on change de valeur dans la liste
var valeur = $(this).val(); // valeur sélectionnée
switch (valeur) {
case jaune:
$('#champ1').show();
break;
case bleu:
$('#champ1').show();
break;
default:
$('#champ1').hide();
break;
}
});
});
</script>
<body>
<form method="post" action="">
<p>
<select name="couleurs">
<option value=""> Choix couleur </option>
<option value="vert">Vert</option>
<option value="jaune">Jaune</option>
<option value="bleu">Bleu</option>
<option value="rouge">Rouge</option>
<option value="violet">Violet</option>
</select><br />
<input type="text" id="champ1" />
</p>
</form>
</body>
</html>[/code]
Je debute avec jquery et j'ai fais ce petit code pour apprendre mais ça ne marche pas
pourtant en utilisant if else et elsif ca fonctionne
quest ce qui ne vas pas?
merci de m'aider
[code=javascript
]!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Titre de la page</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" /></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
$('#champ1').hide(); // on cache le champ par défaut
$('select[name="couleurs"]').change(function() { // lorsqu'on change de valeur dans la liste
var valeur = $(this).val(); // valeur sélectionnée
switch (valeur) {
case jaune:
$('#champ1').show();
break;
case bleu:
$('#champ1').show();
break;
default:
$('#champ1').hide();
break;
}
});
});
</script>
<body>
<form method="post" action="">
<p>
<select name="couleurs">
<option value=""> Choix couleur </option>
<option value="vert">Vert</option>
<option value="jaune">Jaune</option>
<option value="bleu">Bleu</option>
<option value="rouge">Rouge</option>
<option value="violet">Violet</option>
</select><br />
<input type="text" id="champ1" />
</p>
</form>
</body>
</html>[/code]