Programmation html js

Résolu/Fermé

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:

Programmation html js
Editeur html - Télécharger - HTML
Application de programmation - Guide
Espace html ✓ - Forum HTML
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
Espace en html - Astuces et Solutions

4 réponses

Réponse 1 / 4

jordane45 Messages postés 38470 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 27 avril 2025 4 742
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>

Réponse 2 / 4

jordane45 Messages postés 38470 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 27 avril 2025 4 742
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.

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

Réponse 4 / 4

Laze
27 mai 2023 à 11:52

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

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

la balise <br> ou <br />

Balise </br>

Saut de lignes sans <br/>