1 Dernière modification par max (31-03-2018 16:40:37)

Sujet : switch case

Bonjour

je debute et j'ai fais ce code simple pour apprendre mais ça ne fonctionne pas
j'avais auparavant reussi avec les instructions if et elsif

le but est de cacher ou montrer un champ suivant un choix dans un select

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 de votre aide

2

Re : switch case

voilà j'ai trouvé
il manquait les apostrophes

par contre ce forum n'est pas dynamique ou peu utilisé

.....