IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Créer une liste d'OPTION


Sujet :

JavaScript

  1. #1
    Membre régulier
    Homme Profil pro
    En formation
    Inscrit en
    Juillet 2020
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : En formation

    Informations forums :
    Inscription : Juillet 2020
    Messages : 124
    Points : 78
    Points
    78
    Par défaut Créer une liste d'OPTION
    Bonjour;

    J'ai créé une liste d'option en utilisant une boucle pour récupérer les éléments du tableau, j'ai mis qu'une balise option car sur chaque produit la quantité d'option n'est pas la même. J'ai tout créé par javascript, si quelqu'un pouvait me dire ce qui ne va pas dans mon code se serait sympa.
    Merci par avance

    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
     
    const optionForm = document.createElement('form');
    const optionLabel = document.createElement('label');
    const optionSelect = document.createElement('select');
    const optionValeur = document.createElement('option');
     
    cameraDiv.appendChild(optionForm);
    optionForm.appendChild(optionLabel);
    optionForm.appendChild(optionSelect);
    optionSelect.appendChild(optionValeur);
     
    optionLabel.textContent = 'Choix';
     
    for (let i = 0; i <cameras.lenses.length; i++) {
    		console.log(cameras.lenses[i])
        optionSelect.appendChild(optionValeur)
        optionValeur.textContent = cameras.lenses;
    		console.log(cameras.lenses)
    }

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 056
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 056
    Points : 44 578
    Points
    44 578
    Par défaut
    Bonjour,
    il te faut créer autant d'éléments <option> que tu en veux dans ton <select> et non un seul comme tu le fais.

    PS : tu en es où de cette discussion : Récupérer les données de l'api et les afficher ?

  3. #3
    Membre régulier
    Homme Profil pro
    En formation
    Inscrit en
    Juillet 2020
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : En formation

    Informations forums :
    Inscription : Juillet 2020
    Messages : 124
    Points : 78
    Points
    78
    Par défaut
    Merci pour ta réponse NoSmoking c'est ce que j'ai fais au final. En faite vu que tout les articles n'ont pas la même quantités d'option je pensais que l'on pouvait utiliser un code pour que le nombre d'option s'ajoute par rapport à l'article.

    Oui pour l'autre question je viens de la passer en résolu.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Smarty] créer une liste d'option (<select>) à partir d'une variable
    Par sebcarrera dans le forum Bibliothèques et frameworks
    Réponses: 4
    Dernier message: 27/11/2018, 11h26
  2. Créer une liste d'option sur base d'une db
    Par HwRZxLc4 dans le forum Langage
    Réponses: 10
    Dernier message: 24/04/2008, 15h26
  3. Réponses: 2
    Dernier message: 03/07/2006, 20h14
  4. Réponses: 3
    Dernier message: 20/02/2006, 18h32
  5. Créer une fenetre d'options
    Par binouche22 dans le forum Agents de placement/Fenêtres
    Réponses: 4
    Dernier message: 28/03/2005, 10h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo