Utilisation d'un switch case
Bonojur,
j'ai realise ce petit code afin d'apprendre jquery mais ça ne fonctionne pas
par contre ça fonctionne avec if else elseif
le but est d'afficher ou masquer un champ suivant un choix dans une select
qu'est ce qui ne vas pas dans mon switch case
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
| <!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="">
<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>
<input type="text" id="champ1" />
</form>
</body>
</html> |
merci d'avance de votre aide
