Bonsoir,

je rencontre le "problème suivant" exposé ci-dessous :

- dans un fichier .html j'ai crée un bouton de type button comme le montre le code ci-dessous :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
 <body>
        <div id="bouton">
            <input type="button" name="bouton" value="Notation" />
        </div>
    </body>
- Dans un fichier javascript attaché, je souhaiterais afficher suite à un évènement 'click' une liste déroulante permettant de choisir des notes de musique ce que j'ai réussi à faire avec le code suivant :


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
 
(function(){
    var exemple = {
        init : function(){
            window.addEventListener('load',function(event){
               var bouton = document.getElementById('bouton');
                bouton.addEventListener('click',function(event){
 
                // création des éléments du formulaire généré après le 'click' sur le bouton NOTATION
                var form = document.createElement('form');
                form.action='devoir_2_demande_2.php';
                form.id='formulaire';
                form.method='POST';
                var select = document.createElement('select');
                select.id = 'choice';
                select.name='note_classique';
                form.appendChild(select);
                document.body.appendChild(form);
 
                // Génération du tableau de corrspondance des notes de musique
 
                var notes = [['Faites votre choix', 'Do', 'Ré', 'Mi', 'Fa', 'Sol', 'La', 'Si'], ['', 'C', 'D', 'E', 'F', 'G', 'A', 'B']];
 
                notes[0].forEach(function(valeur,index){
                   var option = new Option(valeur,index);
                select.appendChild(option);
                });
                });
            });
        }
    };
    exemple.init();
})();
Je souhaiterais savoir comment empêcher l'apparition d'une nouvelle liste déroulante chaque fois que l'on clique sur le bouton notation. Ou, dit autrement, comment faire pour générer une seule fois la liste déroulante contenant les notes de musique en JAVASCRIPT ?

Je vous remercie par avance à l'attention que vous porterez à ma demande qui doit vous semblez "basique".

Bonne soirée et merci d'avance !