Discussion :

[hebbb]

Bonjour à tous,
je souhaite vous soumettre un petit problème.

Voilà, je désire afficher des divs cachés en fonction de la valeur du select.

Exemple de code jquery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
$("#reclamation, #devis").hide(); // ici je masque mes champs à l'ouverture de la page
$("#sujet").change(function() {
		var selec =$("#sujet option:selected").val();
		if (selec == "Réclamation") {
			$("#reclamation").fadeIn();
		} else if (selec == "Suivre mon devis") {
			$("#devis").fadeIn();
		}
	});

Si je sélectionne l'option Réclamation mon ID s'affiche,
si je sélectionne ensuite Suivre mon colis l'ID s'affiche MAIS j'ai toujours l'ID Réclamation.

Comment faire pour supprimer l'ID réclamation lorsque je choisis Suivre mon colis et inversement ?

Merci à toous.

[Bovino]

Ajoute une classe commune à tous les éléments à masquer/afficher et masque tous ces éléments avant d'afficher celui sélectionné.

[hebbb]

si je met

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#reclamation, #devis").hide()

dans

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#sujet").change(function() {

dont j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$("#reclamation, #devis").hide(); // ici je masque mes champs à l'ouverture de la page
$("#sujet").change(function() {
 
$("#reclamation, #devis").hide();

est-ce propre ?

Du coup si je fonctionne comme cela lors de la validation du formulaire en php et en cas de d'erreur (rechargement page), les ID concernés sont masqués puisque je les cache déjà avant le changement du select.

Il faut je pense arriver à dire que si rien n'est sélectionné on masque les ID concernés

[danielhagnoul]

Oui, le code ci-dessous devrait fonctionner :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$( "#reclamation, #devis" ).hide();
 
$( "#sujet" ).on( "change", function(){
 
    $( "#reclamation, #devis" ).hide();
 
    var selec = $( "#sujet" ).val();
 
    if ( selec == "Réclamation" ){
        $("#reclamation").fadeIn();
   } else if ( selec == "Suivre mon devis" ){
        $( "#devis" ).fadeIn();
   }
});