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 :
- 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 <body> <div id="bouton"> <input type="button" name="bouton" value="Notation" /> </div> </body>
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 ?
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 vous remercie par avance à l'attention que vous porterez à ma demande qui doit vous semblez "basique".
Bonne soirée et merci d'avance !
Partager