Programmation html js

Résolu
Laze -  
 Laze -

Bonjour, j'aimerais grâce a une liste déroulante qui, lorsque l'on cliquerais sur l'une des options,  appellerais une fonction javascript qui masquerait ou afficherait des elements de la page html

Cependant je ne trouve aucun moyen de realiser cela avec une fonction differente pour chaque option de la liste déroulante. Pouvez vous m'aider?

Voici mon code:

Type de fonction <select name="Fonction" id="Fonction" onchange="value;" required="required">
  
       <option onClick="hideDiv();" value="Sin">Sinus</option>
       <option onClick="fonction2();" value="Cos">Cosinus</option>
       <option onClick="fonction3();" value="Ln">Logarithme</option>
       <option onClick="..." value="Tg">Tangente</option>
       <option value="Cotg">Cotengente</option>
       <option value="Polynome">Polynome</option>
       </select> </p> </br>
       
       
  
  <input type="text" id="nom" name="nom" placeholder="Entrez votre nom"/>
  
  <script>
        function hideDiv() {
        document.getElementById("nom").style.display="none";

</script>

4 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
<html>
  <head>
      <title>demo</title>
  </head>
  <body>
    <select name="Fonction" id="Fonction" onchange="runFunction(this.value);" required="required">
       <option> -- </option>
       <option value="Sin">Sinus</option>
       <option value="Cos">Cosinus</option>
       <option value="Ln">Logarithme</option>
       <option value="Tg">Tangente</option>
       <option value="Cotg">Cotengente</option>
       <option value="Polynome">Polynome</option>
    </select> 
    </p> </br>      
    
    <input type="text" id="nom" name="nom" placeholder="Entrez votre nom"/>
    
    <script>
      function runFunction(val){
        
        switch(val){
          case 'Sin':
            hideDiv();
            break;
          case 'Cos':
            fonction2();
            break;
          case 'Ln':
            fonction3();
            break;          
          default:
            console.log('aucune fonction à lancer..');
            break;
        }
      }
      function hideDiv() {
        document.getElementById("nom").style.display="none";
      }
    </script>

  </body>
</html>     

1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 

Bonjour

Tu ne peux pas mettre de on clique sur les options...

Il faut utiliser le onchange du Select pour appeler une fonction dans ton code.

Dans cette fonction, tu récupères la valeur de l'option sélectionnée, et en fonction du choix, tu exécutes le code que tu souhaites.


0
Laze
 

oui c'est justement ca le probleme. J'ai essayé tous un tas de fonction javascript pour appeller une fonction du nom de la value mais rien ne fonctionnait. Saurait tu me guider sur la fonction a utiliser.?

0
Laze
 

D'accord merci beaucoup pour ton aide et bonne journée !!

0