J'ai essentiellement la même situation que la personne la question suivante:Afficher/Masquer plusieurs DIVs Select en utilisant jQuery
Lien: how to show/hide divs by select.(jquery)
Grâce à une vaste recherche dans Google, j'ai pu venir avec plusieurs différentes méthodes dans lesquelles les gens prétendent que leur méthode fonctionne. Je n'ai pas encore réussi à travailler correctement. Je ne sais pas encore assez sur jQuery pour comprendre comment écrire ceci à partir de zéro, donc je compte sur de très bons exemples pour le moment.
Ce que j'ai essayé de travailler avec (à partir d'exemples que j'ai trouvé et essayé) est ceci:
<script type="text/javascript">
(document).ready(function() {
('.box').hide();<br/>
('#dropdown').change(function() {
('#divarea1')[ ($(this).val() == 'area1') ? 'hide' : 'show' ]()
('#divarea2')[ ($(this).val() == 'area2') ? 'hide' : 'show' ]()
('#divarea3')[ ($(this).val() == 'area3') ? 'hide' : 'show' ]()
});
});
</script>
<form>
<select id="dropdown" name="dropdown">
<option value="0">Choose</option>
<option value="area1">DIV Area 1</option>
<option value="area2">DIV Area 2</option>
<option value="area3">DIV Area 3</option>
</select>
</form>
<div id="divarea1" class="box">DIV Area 1</div>
<div id="divarea2" class="box">DIV Area 2</div>
<div id="divarea3" class="box">DIV Area 3</div>
- Note: J'utilise les supports plutôt que le moins que et plus -que les signes autour de html pour afficher correctement dans ce message.
Ce que je reçois quand je teste ceci:
- Lors de la première charge rien selected => Non DIV est affichée.
- Lorsque je sélectionne la zone DIV 1 => DIV Les zones 2 et 3 sont affichées.
- Lorsque je sélectionne la zone DIV 2 => DIV Les zones 1 et 3 sont affichées.
- Lorsque je sélectionne la zone DIV 3 => DIV Les zones 1 et 2 sont affichées.
Mon cerveau est frit pour la journée. Que puis-je faire pour résoudre ce problème?
Pas une réponse à votre question, mais la méthode # explorerai jQuery bascule pour cacher/montrer conditionnelle. –