Discussion :

[iciMike]

Hello ! Je cherche créer une liste déroulante qui récupère des données JSON. Mon problème est que je n'arrive pas à écrire la loop qui va avec... HELP !

Code :

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

document.getElementById('selectColor').textContent = product.colors {la loop que je veux utiliser}

La loop en question :

Code :

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

1
2
3
4
for(let i = 0; i < colors.length; i++) {
    let opt = colors[i];
    selectColor.innerHTML += "<option value=\"" + opt + "\">" + opt + "</option>";
}

Merci de votre aide !

[Doksuri]

quelle est la structure de ton JSON ?
quelle est l'erreur ? (ou alors : quel est ton probleme ?)

[iciMike]

Et bien c’est bien là le problème : il n’y a pas d’erreurs dans mon la structure, n’y dans ma loop, mais je n’arrive pas à formuler les 2. Raaaah.... même quand je me lis, je ne me comprend pas !
Dans ma tête j’aimerais que ma liste déroulante se remplisse avec les données JSON qui sont récupérer avec "product.colors".
En gros le mariage de "product.colors" et de ma loop !

[Doksuri]

j'ai bien compris, mais que contient product.colors ?

[iciMike]

Un array d’une API de type : [black, red, yellow, white].
Je sent que tu vas me sauver de la démence !

[Doksuri]

si on part du principe que ton document.getElementById('selectColor') est un <select>... et que ton product.colors contient un tableau simple

Code javascript :

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

1
2
3
4
5
6
product.colors.forEach(color => {
    const opt = document.createElement('option');
    opt.textContent = color;
    opt.value = color;
    document.getElementById('selectColor').appendChild(opt);
});

(j'ai ecris ca a la volee, j'ai pas teste)