Discussion :

[stefde3]

Bonjour à toute la communauté,

Voilà quel est mon soucis.

Je trouve plein de codes pour afficher "une" div selon si on sélectionne une option dans le select mais ce n'est pas vraiment ce que je recherche.

Je cherche plus à afficher différentes div selon les options choisies.

Chaque option affichera une div différente avec un contenu différent.

Je m'explique dans mon select j'ai plusieurs options :

- Piller ce domaine
- Assiéger ce domaine
- Lancer un assaut sur ce domaine
- Déplacer mes troupes sur ce domaine
- Espionner ce domaine

et selon l'option choisie, se ne sera pas le même cadre qui s'affichera en-dessous.

Car les troupes à envoyer ne seront pas les mêmes donc j'aimerai avoir une solution à cela mais j'ai beau chercher, je ne trouve que des scripts qui affiche une seule div sur un changement avec donc, une seule fonction appelée.

A moins qu'il soit possible de mettre une ID à chaque option et le onChange() sur chacune des options mais ne connaissant pas bien le jQuery et le JS, je préfère avoir les bonnes infos que d'y aller à taton pendant des heures ^^

Merci de m'orienter vers une solution car là je cale un peu ^^

[SpaceFrog]

passe par une attribution / suppression de class sur tes divs
avec une class visible et une class hidden

sur le .change() du select en fonction du val() du select (ou data-sur le option:selected) tu attribues les bonnes class aux divs.

[stefde3]

val() = value de l'option j'imagine ?

je préférerai partir sur un display:block ou un display:none plutôt que visibility.

avec un effet de slide pour faire apparaître la div du dessous.

cela-dit, je ne vois pas ce que tu veux dire par "Attribution / suppression" désolé j esuis une vraie bille mais j'essaye de comprendre le fonctionnement du JS en ce moment

Aurais-tu un schema rapide d'exemple à me montrer stp ?

[SpaceFrog]

http://jsfiddle.net/rwoz672a/

[stefde3]

Parfait !!! merci ^^

http://jsfiddle.net/rwoz672a/1/

Maintenant j'ai une autre question qui a son importance...

je passe par un système de champs select généré par jQuery et en fait il transforme automatiquement mes balises <options> en <ul><li><a href="#"></a></li></ul>

Est-ce que cela peut empêcher le bon déroulement des opérations si j'ajoute ce code ?

[SpaceFrog]

ben vu que les balises li ou a n'ont pas de value ... pense à recupérer le value des options pour les passer en href des a ou en data- de tes li poru connaitre le div cible lors du click (du coup plus de onchange)