Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages : 1
#1 Javascript » jquery switch case » 03-04-2018 16:04:50
- max
- Réponses : 1
Bonjour
J'ai fais ce code afin d'apprendre jquery mais il ne fonctionne pas avec switch case
par contre il marche tres bien avec les conditions if else elseif
le but est de cacher ou montrer un champ suivant le choix d'une liste
qu'est ce qui ne vas pas ?
<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>
merci pour vos aides conseils et remarques
Pages : 1