Bonjour à tous,

je cale sur la réalisation d'une liste déroulante. en effet j'ai des graph qui sont générés automatiquement et j'aimerais créer une liste déroulant dynamique en html avec en choix l'année et le mois

voici le code HTML :

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
 
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
    <script src="index.js"></script>
  </head>
  <body>
<div id="liste">      
    <select onchange="javascript:affichage(this);" id="mois">
        <option> tous</option> <!-- Toute l'année -->
        <option> janv</option>
        <option> fev</option>
        <option> mar</option>
        <option> avr</option>
        <option> mai</option>
        <option> juin</option>
        <option> juil</option>
        <option> aout</option>
        <option> sept</option>
        <option> oct</option>
        <option> nov</option>
        <option> dec</option>
    </select>
    <select id="année">
        <option>2017</option>
        <option>2018</option>
    </select> 
</div>
<div id="affichage">
    <img src="images/AttributionCodeConfidentiel.png" class="tous"/>
    <img src="images/AttributionCodeConfidentiel_201706.png" class="17" class="juin"/>
    <img src="images/AttributionCodeConfidentiel_201707.png" class="17" class="juil"/>
    <img src="images/AttributionCodeConfidentiel_201708.png" class="17" class="aout"/>
    <img src="images/AttributionCodeConfidentiel_201709.png" class="17" class="sept"/>
    <img src="images/AttributionCodeConfidentiel_201710.png" class="17" class="oct"/>
    <img src="images/AttributionCodeConfidentiel_201711.png" class="17" class="nov"/>
    <img src="images/AttributionCodeConfidentiel_201712.png" class="17" class="dec"/>
    <img src="images/AttributionCodeConfidentiel_201801.png" class="18" class="jan"/>
    <img src="images/AttributionCodeConfidentiel_201802.png" class="18" class="fev"/>
    <img src="images/AttributionCodeConfidentiel_201803.png" class="18" class="mar"/>
    <img src="images/AttributionCodeConfidentiel_201804.png" class="18" class="avr"/>
    <img src="images/AttributionCodeConfidentiel_201805.png" class="18" class="mai"/>
    <img src="images/AttributionCodeConfidentiel_201806.png" class="18" class="jui"/>
    <img src="images/AttributionCodeConfidentiel_201807.png" class="18" class="juil"/>
    <img src="images/AttributionCodeConfidentiel_201808.png" class="18" class="aout"/>
</div>   
  </body>
</html>
mon premier problème est ce que je peux identifier chaque image comme j'ai fait?
et ensuite je ne sais pas quoi utiliser pour réaliser ce que je veux : javascript ou jquery ...

merci pour vos conseils par avance!