JQuery + select (html) + Json

Version imprimable

27/04/2012, 09h44
guizmaii

JQuery + select (html) + Json

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:

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

l'un ou l'autre

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

Code:

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>

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:

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; }
avec l'element html

Code:

<select id="myList"/>

Cordialement

29/04/2012, 20h26
guizmaii

merci pour vos réponses.
Finalement on a trouvé, je vous montrerai demain ce que l'on a fait.
Vous me direz ce que vous en pensez ;)

Fuseau horaire GMT +2. Il est actuellement 05h48.