Discussion :

[baguiweb]

Bonjour,
Je rencontre un petit souci avec un script qui me permet d'afficher des divs qui ont une certaine class selon un choix depuis un select.
Mon souci est que tous les divs s'affichent et tiennent pas compte du select
Merci de votre aide

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="pieces_justificatives">
	<div class="piece  p1 p2 p24">
		<div class="text_piece">
			Contenu 1
		</div>
	</div>
	<div class="piece  p1 p2">
		<div class="text_piece">
			Contenu 2
		</div>
	</div>
	<div class="piece  p1 p2 p24">
		<div class="text_piece">
			COntenu 2
		</div>
	</div>

Js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$(document).on('change', ".choice", function(){
id = $(this).val();
$("#pieces_justificatives").show();
        $("#pieces_justificatives piece").each(function(i){
            if($(this).hasClass('p'+id)){
                $(this).show();
            }else{
                $(this).fadeOut();
            }
        })
})

[baguiweb]

Petite erreur de saisie.

A corriger avec le code ci-dessous pour ceux que ca intéresse :

Code :

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

1
2
3
4
5
6
7
8
9
 
$("#pieces_justificatives").show();
        $("#pieces_justificatives .piece").each(function(i){
            if($(this).hasClass('p'+$(".choice").val())){
                $(this).show();
            }else{
                $(this).fadeOut();
            }
        })