Liste déroulante dynamique

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:

---

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

---

La loop en question :

Code:

---

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 !

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

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 ! :oops:
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 !

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

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

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

Code:

---

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)

OMG... TU es un génie ! Bien-sur pas seulement par ce que tu as écrit un code qui fonctionne parfaitement mais surtout… par ce que tu m'as compris ! :D
MERCI !
Maintenant il ne reste plus qu'a comprendre ton raisonnement mais c'est déjà beaucoup plus clair !
DOKSURI 4 EVER !