Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages :: 1
#1 01-04-2018 21:14:47
- max
- Membre
- Inscription : 01-04-2018
- Messages : 1
jquery switch case
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
Dernière modification par max (01-04-2018 21:16:00)
Hors ligne
#2 03-04-2018 16:04:50
- Pierrot
- Ancien nouveau
- Inscription : 08-05-2009
- Messages : 1 195
Re : jquery switch case
Hors ligne
Pages :: 1