PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#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 ?

<!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>

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 187

Re : jquery switch case

Salut,



     case 'jaune' :
     ..................
 

Exemple ici
a++

Hors ligne

Pied de page des forums