JQuery + select (html) + Json

**guizmaii** · 27/04/2012, 09h44

Bonjour,

Je dois coder un script JavaScript et JQuery qui récupére une list de valeur de type :

id : valeur
nom : valeur

en JSON et qui doit en faire une liste déroulante (select en HTML)

Dans mn code html j'ai sa :

Code :

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

<select name="list"></select>

JQuery est-il utile pour faire ce genre de chose ou dois-je juste utiliser JavaScript ?
Comment puis-je faire?

Je suis un novice en JS !

**SpaceFrog** · 27/04/2012, 10h05

l'un ou l'autre

avec jquery il faudra boucler sur ton objet json avec un each

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
20
21
<script type='text/javascript'>
 
 
$(function(){
myjson={"un":"one","deux":"two","trois":"three"};
 
$.each(myjson, function(idx, cont){
			$("[name='foo']").append($('<option/>').val(idx).html(cont))
})
 
$("[name='foo']").change( function(){ alert($(this).val()) } )
 
})
 
</script>
</head>
<body>
<select name="foo">
</select>
</body>
</html>

**utopman** · 27/04/2012, 16h34

Bonjour guizzmai,

j'adore jquery, mais pour le coup, je ne suis pas sur que ce soit particulièrement utile.

une version js pure :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
window.onload = function(){
 
    var myJson = {'1':'a','2':'b','3':'c'};
    var opts= '';
 
    for(var key in myJson )
    {
        opts+= '<option id="'+key+'">'+myJson[key]+'</option>';
    }
 
    document.getElementById('myList').innerHTML = opts;
}