"onchange" sur select créé par javascript

Bonjour,

J'ai un champ texte "nombre_personne" qui est censé contenant une valeur entrée par l'utilisateur.

En fonction de cette valeur, on va générer des lots composés d'un champ texte et d'un sélecteur.

Sur chaque sélecteur, j'essaye d'appliquer un évènement "onchange". A priori, seul ceci ne fonctionne pas. Les lots sont correctement générés et s'affiche à l'écran.

Que faire ? :cry:

Code:

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
 
 
for(i=1;i<=val(document.getElementById("nb_personnes").value);i++) {
 
  var new_div_principal = document.createElement("div") ;
  new_div_principal.id = "princ_"+i ;
  new_div_principal.name = "princ_"+i ;
 
  var new_input = document.createElement("input") ;
  new_input.id = "personne_" + i ;
  new_input.name = "personne_" + i ;
  new_input.value = "" ;
 
  var new_select = document.createElement("select") ;
  new_select.id = "choix_"+i ;
  new_select.name = "choix_"+i ;
 
  new_select.setAttribute("onchange","alert('toto');") ;
 
  var new_option = document.createElement("option") ;
  new_option.value = "" ;
  new_option.innerHTML = "Faites votre choix" ;
  new_select.appendChild(new_option) ;
 
  var new_option = document.createElement("option") ;
  new_option.value = "1" ;
  new_option.innerHTML = "Lambert Wilson" ;
  new_select.appendChild(new_option) ;
 
  var new_option = document.createElement("option") ;
  new_option.value = "2" ;
  new_option.innerHTML = "Marthe Vilalonga" ;
  new_select.appendChild(new_option) ;
 
  new_div_principal.appendChild(new_input) ;
 
  new_div_principal.appendChild(new_select) ;
 
  new_div.appendChild(new_div_principal) ;
 
}

Merci d'avance pour votre réponse.