Bonjour,
je me lance ce matin dans une aventure obscure..
je cherche à supprimer/afficher des div selon qu'elles soient sélectionnées dans un menu déroulant
j'ai commencé à écrire un script qui ne fonctionne évidemment pas.

voici mon
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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
          <div class="search">
             <form action="">
                <select name="metiers" id="metiers">
                 <option value="0" id="all_select" selected>Afficher tout</option>
                 <option value="1" id="select_1">Choix1</option>
                 <option value="2" id="select_2">Choix2</option>
                 <option value="3" id="select_3">Choix3</option>
                 <option value="4" id="select_4">Choix4</option>
                 <option value="5" id="select_5">Choix5</option>
                 <option value="6" id="select_6">Choix6</option>
                </select>
                <button>RECHERCHE</button>
             </form>
          </div>
 
             <div id="selected_1">
                 truc1
             </div>
             <div  id="selected_2">
                 truc2
             </div>
             <div id="selected_3">
                 truc3
             </div>
 
             <div id="selected_4">
                 truc4
             </div>
             <div id="selected_5">
                 truc5
             </div>
             <div id="selected_6">
                 truc6
             </div>

et mon script:
Code : 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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
var membre1 = document.querySelector('#selected_1');
var membre2 = document.querySelector('#selected_2');
var membre3 = document.querySelector('#selected_3');
var membre4 = document.querySelector('#selected_4');
var membre5 = document.querySelector('#selected_5');
var membre6 = document.querySelector('#selected_6');
 
select.querySelector('#all_select').addEventListener('change', function(){  // afficher tout
    membre1.style.display = 'block';
	membre2.style.display = 'block';
	membre3.style.display = 'block';
	membre4.style.display = 'block';
	membre5.style.display = 'block';
	membre6.style.display = 'block';
});
 
select.querySelector('#select_1').addEventListener('change', function(){    //afficher membre1
    membre1.style.display = 'block';
	membre2.style.display = 'none';
	membre3.style.display = 'none';
	membre4.style.display = 'none';
	membre5.style.display = 'none';
	membre6.style.display = 'none';
});
 
select.querySelector('#select_2').addEventListener('change', function(){    //afficher membre2
    membre1.style.display = 'none';
	membre2.style.display = 'block';
	membre3.style.display = 'none';
	membre4.style.display = 'none';
	membre5.style.display = 'none';
	membre6.style.display = 'none';
});
 
select.querySelector('#select_3').addEventListener('change', function(){    //afficher membre3
    membre1.style.display = 'none';
	membre2.style.display = 'none';
	membre3.style.display = 'block';
	membre4.style.display = 'none';
	membre5.style.display = 'none';
	membre6.style.display = 'none';
});
 
select.querySelector('#select_4').addEventListener('change', function(){    //afficher membre4
    membre1.style.display = 'none';
	membre2.style.display = 'none';
	membre3.style.display = 'none';
	membre4.style.display = 'block';
	membre5.style.display = 'none';
	membre6.style.display = 'none';
});
 
select.querySelector('#select_5').addEventListener('change', function(){    //afficher membre5
    membre1.style.display = 'none';
	membre2.style.display = 'none';
	membre3.style.display = 'none';
	membre4.style.display = 'none';
	membre5.style.display = 'block';
	membre6.style.display = 'none';
});
 
select.querySelector('#select_6').addEventListener('change', function(){    //afficher membre6
    membre1.style.display = 'none';
	membre2.style.display = 'none';
	membre3.style.display = 'none';
	membre4.style.display = 'none';
	membre5.style.display = 'none';
	membre6.style.display = 'block';
});
besoin d'aide...
merci