J'ai une zone où un morceau de HTML (illustré ci-dessous) est ajouté dynamiquement autant de fois que l'utilisateur le souhaite. Pas de soucis là-bas. Le problème est, dans ce bloc HTML est une boîte de sélection, puis un div qui est caché par défaut, mais devrait être montré si l'option "dropdown" est sélectionné dans le menu de sélection. Donc, le problème que j'ai est d'afficher/cacher ce div quand il y a plusieurs blocs identiques de HTML. Ce que je suppose, c'est que je dois dire que le div juste après le menu de sélection qui a été invoqué est le seul qui doit avoir une action appliquée ... mais je ne suis pas sûr de savoir comment le faire .jQuery: show() et hide() dans l'ordre?
2
A
Répondre
3
En supposant que la div bascule-mesure suit le parent sélectionne (comme indiqué par votre exemple):
$(".select_change").live("change", function(){
$(this).val() === "dropdown"
? $(this).parent().next().show()
: $(this).parent().next().hide();
}
});
0
Changer votre sélection balise d'ouverture à ce qui suit:
<select name="" class="select_change" onchange="if ($(this).val() == 'dropdown') { $(this).closest('div').next('div').removeClass('hidden'); } else { $(this).closest('div').next('div').addClass('hidden'); }">
0
Vous pouvez faire quelque chose comme ceci:
$('select.select_change').change(function(e){
$(this).parent('div').next('div.dropdown_fields').removeClass('hidden');
});
+0
Je suppose qu'il voudra qu'il se cache à nouveau lorsqu'un autre élément est sélectionné. –
Questions connexes
- 1. show hide: DIVs jQuery
- 2. Modifier l'animation jquery show()/hide()?
- 3. Animé div show/hide (jQuery)
- 4. Problèmes avec show hide jquery
- 5. Alternatives à jquery hide()/show()?
- 6. problème avec hide/show dans jquery
- 7. Prototype hide/show
- 8. jsTree show/hide nodes
- 9. jQuery 1.3.2 et IE 8 problème avec hide() et show()
- 10. Multiple show hide div
- 11. JQuery Show hide class sur hover
- 12. show hide image dans android
- 13. Problème dans hide et show de combobox dans struts2
- 14. Utilisation de jQuery show/hide bascule dans un tableau
- 15. Comment créer plusieurs instances de div show/hide dans jquery?
- 16. jQuery show/hide: Comment réinitialiser la valeur d'un élément de formulaire qui se trouve dans un div show/hide?
- 17. Jquery .Show() .Hide() ne fonctionne pas comme prévu
- 18. jquery question show hide avec des éléments de bloc non
- 19. jQuery show/hide - Question sur la variable de retard
- 20. Comment définir JQuery .show/.hide sans répéter les sélecteurs Div
- 21. hide() dans jquery
- 22. Problème avec hide/show select box dans IE7/8
- 23. Fonction d'écriture à bascule à l'aide de jquery show et hide
- 24. Essayer de convertir JQuery à Mootools - show hide utilisant mouseenter et mouseLeave
- 25. Jquery - Remplace tous show() et hide() par des effets d'interface utilisateur spéciaux (non codés en dur)
- 26. Interface utilisateur jQuery - Effet Hide Hide dans Firefox - Flickering
- 27. Conflit entre .show() et .append() dans JQuery
- 28. JQuery .show ne fonctionne pas dans IE7
- 29. Noob jquery .hide et .cliquez la question
- 30. jquery show slide bug
Peut également utiliser '.toggle()': '$ (this) .parent(). Next(). Toggle ($ (this) .val() ===" liste déroulante ");' –
@Nick: Certainement :) – Sampson