Programmation html js
RésoluLaze -
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
-
<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>
-
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.
-
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.?
-
