json dans option box html Résolu/Fermé

Question

Bonjour,

Je cherche à mettre mon json dans une option box.

Mon json ressemble à ca :

{
  "people" : [
    {
     
      "id": 12322,
      "name" : Charles,
      "age" : 28,
    },
   {

"id" : 29832,
      "name" : Etienne,
      "age" : 54,

}

]
}


Et je voudrais récupérer "name" pour les mettre dans une option box ou select list ou je sais pas comment on appelle ça et lorsque qu'on clique dessus, récupérer l'id associé.

Pour l'instant je récupère mon json depuis ma servlet et j'ai essayé plusieurs code qui ne marche pas :

var data ='<%= (String) request.getAttribute("people")%>';   
var list = JSON.parse(data);

//var list = data['people'];

var sel = document.getElementById('my_select');
for(var i = 0; i < list.length; i++) {
}
    var opt = document.createElement('option');
    opt.innerHTML = list[i]['id'] + list[i]['full-name'];
    sel.appendChild(opt);

EDIT : Correction des balises de code.
Le langage à indiquer ici est le js (pour javascript) et non le html.

Merci d'avance.

jordane45 · Answer

Bonsoir,

Déjà, ta question concernant le javascript, je la déplace donc dans le forum ....  javascript.

Ensuite, tu fermes ton FOR trop top...

for(var i = 0; i < list.length; i++) {
}
 
 

Et enfin, tu devrais ajouter des console.log dans ton code pour essayer de voir ce que contiennent tes variables..
Ligne 5 , par exemple, faire

console.log('LIST', list);

et voir ce que ça t'affiche dans la console...

Puis éventuellement essayer ensuite de faire un

console.log('PEOPLE' , list.people );


Pour info :
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/JSON/parse

.

gloria5739 · Answer

Bonjour,

Merci de ta réponse,


Je retrouve çà dans mon : 
   console.log('PEOPLE' , list.people ); 

Je ne sais pas comment le parser et le mettre dans une liste de selection

gloria5739 · Answer

Je récupère bien toutes les données pour chaque personne mais j'aimerai récupérer seulement un champs (ex : "last-name) et le mettre dans une liste de selection. Je crois avoir qqch qui fonctionne pour la liste, mais c'est comme si je n'arrivais pas à parser mon json : var data ='<%= (String) request.getAttribute("people")%>'; var list = JSON.parse(data); //console.log('LIST', list); console.log('PEOPLE', list.people); $.each(list, function (index, record) { var stud_address2 = record.id; $('

Json dans option box html

3 réponses

Discussions similaires