Bonjour,
Je souhaite réaliser la création d'un formulaire en Js au chargement de la page.

mon fichier index.html :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8" />
 
	<script type="text/javascript" src="script.js"></script>
	<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
 
</body>
</html>

Mon fichier 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
(function(){
	var formCreate = {
		init: function(){
			window.addEventListener('load', function(event){
 
				var tab = ['A', 'B', 'C', 'D', 'E'];
 
				var form = document.createElement('form');
				document.body.appendChild(form);
				var select = document.createElement('select');
				form.appendChild(select);
				var option = document.createElement('option');
				do{
					option.innerHtml = tab[i];
					select.appendChild(option).value=tab[i];
					i++;
				}while(i<5);
 
			})
		}
	}
	formCreate.init();
})();
Je souhaite créer un formulaire avec une liste déroulante dont les items vont se trouver dans un tableau. Au chargement de la page j'ai bien mes balises <form></form> et <select></select> qui apparaissent mais ça coince pour les options.
Quelqu'un aurait-il une idée de mon erreur?

Merci