Discussion :

[Alexdezark]

Bonjour à tous

je cherche à construire une liste déroulante par une action onclick.

j'ai ecrit une fonction appelée par cet evenement :

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
 
 
function place(numActi, maxi, rest, nbrA, nbrE, typAction){
 
document.getElementById("places"+numActi).innerHTML="";
 
if(typAction=="ajout"){
 
document.getElementById("places"+numActi).innerHTML+='<select name="enfant">';
for(i=0; i<=maxi; i++ ){
document.getElementById("places"+numActi).innerHTML+='<option value="'+i+'">'+i+'</option>';
document.getElementById("places"+numActi).innerHTML+='</select>';
 
}else{
// code qui va avec (typAction!="ajout")	
};
 
};

Mais le résultat dans la Div est un select vide sans options, suivi de l'énumération de chiffres de 0 à la valeur de ma variable "maxi"

pourquoi n'ai-je pas un select avec le nombre d'options voulu ?

Merci d'avance pour vos réponses

[Bovino]

Un début de réponse ici

[Alexdezark]

Oula, ça me fait un peu mal à la tête pour un menu déroulant

Je pense que je vais le construire en PHP et l'appeler avec Ajax Updater...

Merci encore de ta réponse Bovino

Je retournerai voir ce Post le matin plutot, je suis plus réceptif

[Auteur]

Rhaaaaaaaaaaaaaaaaaaaa créer une liste déroulante avec innerHTML

Exemple beaucoup plus "propre" :

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
34
35
36
37
38
39
40
41
42
43
44
 
function creationListe()
{
  var i; 
  var elSelect;
 
  //création de l'élément select
  try
  {
    // si une exception est levée, le contenu du catch est exécuté
    elSelect = document.createElement("<select name='nameListe'>"); // pour IE
  }
  catch(erreur)
  {
    // autres navigateurs
    elSelect = document.createElement("select");
    elSelect.name = "nameListe"; 
  }
 
 
  //nombre d'éléments visibles
  elSelect.size = "1";  
 
  // id de la liste
  elSelect.id = "idListe";
 
  // les options
  // syntaxe : new Option("Text","Value", "defaultSelected true / false", "selected true / false");
  var elOption = new Array(
                      new Option("Votre choix", "", false, false),
                      new Option("Option 1", "valeur1", false, false),
                      new Option("Option 2", "valeur2", false, false),
                      new Option("Option 3", "valeur3", false, false),
                      new Option("Option 4", "valeur4", false, false)
                            );
  //Ajout du select dans le div
  document.getElementById("cible").appendChild(elSelect);	 
 
  //Ajout dans le select des options
  for (i=0;i<elOption.length;i++)			
  {
      elSelect.options.add(elOption[i]);
  }
}

Pour le try cach() dans le code, voir cette discussion.

On ajoute d'abord le select dans le div puis les options dans le select.