Discussion :

[progdebutant]

Salut


Malgr� les tutos et aussi les exemples du net je n'ai pas reussi � utiliser appendChild, je voulais ajouter des options dans un select en me servant d'une chaine qui contient les noms des options que je veux int�grer dans le s�lect.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
var objets_types="cuisine,mécanique,jardinage,escalade"; // Differentes options d'outils.
 
var tabtypes=objets_types.split(','); // Je les met dans le tableau tabtypes.
 
for(n=0;n<tabtypes.length;n++){ // Parcours la liste des options dans le tableau.
   // Crée une balise option dans le sélect.
   document.monselect.appenchild.option[n]=tabtypes[n];
}

Quelle est la fa�on de l'utiliser ?

[Gnuum]

Donne nous tous le code. On a besoin du code HTML notamment.

Quelle est l'erreur que tu vois dans ta console?

[progdebutant]

Salut

Mon code c'est �a, un select que je nomme "monselect" et je veux y ajouter des options qui sont contenues dans la chaine indiqu�e dans le code.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<select id="monselect" name="monselect">
</select>

Et si l'utilisateur selectionne ensuite une option, j'aimerais pouvoir remettre le selecteur en position 0 si c'est possible
J'ai essay� �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementsByTagName(monselect).options[0].selected = 0;

et aussi :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementsByTagName(monselect).options[0].selected = "selected";

rien ne fonctionne.

[Gnuum]

En changeant ton code au minimum:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
var objets_types="cuisine,mécanique,jardinage,escalade"; // Differentes options d'outils.
 
var tabtypes=objets_types.split(','); // Je les met dans le tableau tabtypes.
 
var select = document.getElementById('monselect');
 
for(n=0;n<tabtypes.length;n++){ // Parcours la liste des options dans le tableau.
    // Crée une balise option dans le sélect.
    var option = document.createElement('option');
    option.text = tabtypes[n];
    select.add(option);
}

et:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('monselect').options[0].selected = true;

Je ne sais pas o� tu as trouv� tes exemples mais on dirait que ce n'est pas une source tr�s fiable (ou alors tu as mal r�-appliqu�).
http://www.w3schools.com/jsref/prop_option_selected.asp

[progdebutant]

Super !!!
Je te remercie pour ton aide et aussi pour ton post pour les d�butants !
C'est tout a fait le code qu'il me faut l�
Je met en r�solu.

[progdebutant]

RE

J'ai une erreur, c'est pas � cause de �a : ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

select.add(select); // Il ne faut pas mettre add(option) là ?

Et sinon le code de mon select doit aller dans un div comme �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
<div id="mondiv">
  <select id="monselect" onchange="#">
      <option>cuisine</option>
      <option>mécanique</option>
      <option>jardinage</option>
      <option>escalade</option>
  </select>
</div

Et quand je voulais voir avec console.log(select) il ne le trouvais pas.
J'ai ajout� un onchange="#" dans ce code parce que je vais en avoir besoin.

Mon but est de cr�er une liste d'options (un s�lect) contenu dans un DIV qui existe d�j�, et les valeurs des options du select sont prises dans la chaine objets_types comme on a fait pr�c�demment (voir plus haut).
Et apr�s cette cr�ation je voudrais pouvoir le voir dans la console, c'est faisable ?