Sujet Précédent Sujet Suivant

Programmation html js

Résolu
Laze - 25 mai 2023 à 23:14
 Laze - 27 mai 2023 à 11:52

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>

A voir également:

4 réponses

Réponse 1 / 4
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
26 mai 2023 à 20:30 
<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
Réponse 2 / 4
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
25 mai 2023 à 23:44

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
Réponse 3 / 4
Laze
26 mai 2023 à 20:17

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
Réponse 4 / 4
Laze
27 mai 2023 à 11:52

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

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
code couleur associé a une image
magic charly -
pandora -

9 réponses