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>
- Programmation html js
- Editeur html - Télécharger - HTML
- Application de programmation - Guide
- Br html ✓ - Forum Webmastering
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
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.