Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1543 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Afficher / masquer div en fonction d'une liste déroulante (jQuery/JS)

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Afficher / masquer div en fonction d'une liste déroulante (jQuery/JS)

n°2339331
bckstr
Posté le 20-09-2019 à 17:15:27  profilanswer
 

Hello !
 
Je me débrouille plutôt bien en html / css mais niveau Javascript / jQuery c'est pas encore ça  :sarcastic:  
 
En fait j'ai créer une liste déroulante avec <select> et j'aimerai afficher / masquer mes <div> en fonction de l'option choisi dans la liste :
 
Je n'ai pas encore attribué de classe à mes div mais l'idée c'est que certaines correspondront à une option de la liste déroulante ;
 
Pour être plus clair je vous mets un lien vers mon code, et si par hasard quelqu'un pourrait m'aider ce serait top ( examen la semaine pro  :pt1cable: ) :
 
https://codepen.io/bckstr75/pen/ExYOzxQ


Message édité par bckstr le 20-09-2019 à 19:36:46
mood
Publicité
Posté le 20-09-2019 à 17:15:27  profilanswer
 

n°2339338
MaybeEijOr​Not
but someone at least
Posté le 20-09-2019 à 22:52:36  profilanswer
 

Bonjour,

 

Tu devrais pouvoir y arriver en lisant ces trois pages :


Tu ajoutes une classe à chaque div, lorsque l'évènement "change" est déclenché sur ta liste déroulante, tu récupères la valeur de la liste déroulante (idéalement la valeur indique la classe css à afficher).
Avec querySelectorAll tu sélectionnes toutes les classes de div et tu leur ajoutes la classe "hidden" (que tu auras préalablement créé dans ton css) via classList afin de les cacher. Puis de nouveau, avec querySelectorAll tu sélectionnes uniquement la classe css correspondant à la valeur de la liste déroulante, tu retires la classe "hidden" via classList et le tour est joué.


Message édité par MaybeEijOrNot le 20-09-2019 à 23:04:12

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Afficher / masquer div en fonction d'une liste déroulante (jQuery/JS)

 

Sujets relatifs
[RESOLU] petite aide appel fonction powershellComment afficher des information différentes d'un même champ ?
Afficher une google map dans un pdfDans une liste de mails exclure les gmail
Couleur fond bloc html siteXSLT 1.0 - Grouper par liste de noeuds identiques
afficher contenu d'un dossier FTP sur une pagenews afficher
Afficher le contenu d'un fichier log dans une page HTMLactualiser donnée database via liste deroulante ajax
Plus de sujets relatifs à : Afficher / masquer div en fonction d'une liste déroulante (jQuery/JS)


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR