Discussion :

[calitom]

Bonjour,

Je voudrais savoir comment faire pour modifier les option d'un select a partir d'un tableau javascript...

Voici ce que j'ai fais (taille_produits_js = mon tableau javascript):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('select_taille').options=taille_produits_js;

Est ce que c'est bon?

[Sancho_54]

Nan ce n'est pas bon ,

Tu déclare ton tableau comme tu a fais et tu fais une boucle for dessus et a chaque itération de la boucle tu range dans ton menu déroulant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
for (i = 0 ; i<tab.length ; i++){
  document.getElementById("mon_select").option[i].value = tab[i];
}

voila dis moi si c'est OK
Tchao

[calitom]

J'ai un tableau a deux dimensions, donc sa complique un peu la chose, mais je pense que la syntaxe est bonne et je ne vois pas pourquoi ca marche pas...

Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
for (i=0; i<taille_produits_js[id_tableau].length; i++)
{
document.getElementById('select_taille').option[i].value =taille_produits_js[id_tableau][i];
}

[calitom]

Il y a du mieux, j'arrive a présent a mettre des valeurs dans mon select, mais j'ai un autre problème...

Par exemple voici mon tableau:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
taille_produits_js[id_tableau][0]=S
taille_produits_js[id_tableau][1]=M
taille_produits_js[id_tableau][2]=L
taille_produits_js[id_tableau][3]=XL

Voici le code pour modifier les options du select:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
for (i=0; i<taille_produits_js[id_tableau].length; i++)
{
  document.getElementById('select_taille').options[i]=new Option(taille_produits_js[id_tableau][i]);
}

Et voici maintenant mon select apres execution:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
S
M
L
XL
XL

La valeur XL s'affiche deux fois et je ne vois pas pourquoi...
J'ai besoin d'aide!

[OButterlin]

Si tes tableaux n'ont pas le même nombre d'enregistrements, il vaut mieux recharger en bloc.

donc, tu reset le select par document.getElementById("select_taille").options.length = 0;

et après tu charges

for (i=0; i<taille_produits_js[id_tableau].length; i++)
{
document.getElementById('select_taille').options[i]=new Option(taille_produits_js[id_tableau][i], "la valeur clé que tu transmets");
}

A+