insérer une liste déroulante à l'aide d'un code javascript dans un document XHTML
Salut,
Je commence à apprendre le XHTML.
Donc pour l'instant je me suis fait une première page que voici :
Code:
1
2
3
4
5
6
7
| <body>
<form method="post" action="submit" id="DocBooks">
<formulaire>
<input value="Rajouter un élément à mon formulaire" onclick="add('formulaire')" type="button" \><br />
</formulaire>
</form>
</body> |
Au clique de mon bouton je lance une fonction javascript celle si doit créer une liste déroulante qui va laisser le choix à l'utilisateur de sélectionner différents types d'éléments.
Voici mon code Javascript :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| function add(id) {
//Variable qui va stocker le paramètre passé à ma fonction
stockid = id;
//Récupération de l'endroit où l'on se situe
var elForm = document.getElementsByTagName(id);
//Création d'une balise select qui va afficher les élements que l'utilisateur peut créer
var elSelect = document.createElement("select");
//Insertion de ma balise select
elForm.appendChild(elSelect);
elSelect.setAttribute("id", "AjoutElement");
elSelect.options.add(new Option("Choisissez un élément à insérer"));
//Insertion des éléments que l'utilisateur peut sélectionner
elSelect.options.add(new Option("Un checkbox","Un checkbox",false,false);
elSelect.options.add(new Option("Un bouton de choix","Un bouton de choix",false,false);
elSelect.options.add(new Option("Un bouton","Un bouton",false,false);
etc... |
Par contre le truc c'est que je n'arrive pas à insérer ma liste déroulante.
Je pense que cela est dû au
Citation:
var elForm = document.getElementsByTagName(id);
mais j'ai bien essayé par getElementById(id) mais il ne trouve pas ma balise book.
Aurriez-vous une solution à me proposer :roll:
