remplir des boîtes de sélection à partir de chaîne json en utilisant jquery

Question

J'ai une liste de boîtes de sélection avec des numéros incrémentaux à identifier puis par ex.

<select id="my-select-0"> 
    <option value="1">first option</option> 
    <option value="2">first option</option> 
< option value="3">first option</option> 
</select> 
<select id="my-select-1"> 
    <option value="1">first option</option> 
    <option value="2">first option</option> 
    <option value="3">first option</option> 
</select> 
<select id="my-select-2"> 
    <option value="1">first option</option> 
    <option value="2">first option</option> 
    <option value="3">first option</option> 
</select> 

J'ai une chaîne JSON que je veux utiliser pour pré-remplir ces sélections par ex.

json = "[{'my-select': 1}, 
     {'my-select': 3}]"; 

dans l'exemple ci-dessus my-select-0 seraient mis à 1 et my-select-1 est réglé sur 3.

Comment puis-je faire de manière à JQuery?

Merci

Answer 1

Je ne sais pas exactement ce que vous êtes après, mais si vous changez le JSON d'être valid (guillemets doubles), vous pouvez le faire en utilisant $.parseJSON() et boucle à travers, comme ceci:

var json = '[{"my-select": 1}, {"my-select": 3}]';​​​​​​​​​ 

var selects = $("[id^=my-select]"); //a class maybe? not sure of your options 
$.each($.parseJSON(json), function(i, v) { 
    selects.eq(i).val(v['my-select']); 
}); 
​ 

You can see a working demo here

---

Mise à jour: Puisque vous contrôlez la façon dont cela est rendu dans la page il suffit de retirer les citations initiales, il est enveloppé dans, comme ceci:

var json = [{'my-select': 1}, {'my-select': 3}]; 
var selects = $("[id^=my-select]"); 
$.each(json, function(i, v) { 
    selects.eq(i).val(v['my-select']); 
}); 

You can see it working here, JSON est exactement ce que son nom indique, notation objet ... donc il suffit d'utiliser De cette façon, ne faites pas une chaîne, juste sortie/déclarez-la directement comme un objet javascript ... dans ce cas, c'est un tableau que vous pouvez faire défiler, et c'est bien sûr plus rapide sans tout ce travail supplémentaire.