заполнить поля выбора из строки json с помощью jquery

Question

У меня есть список блоков выбора с инкрементальными числами для идентификации, например.

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

У меня есть строка json, которую я хочу использовать для предварительного заполнения этих выборок, например.

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

в приведенном выше примере my-select-0 будет установлен в 1 и my-select-1 устанавливается на 3.

Как бы я идти об этом в JQuery?

Благодаря

Answer 1

Я не уверен, точно что вы после этого, но если вы измените JSON, чтобы быть valid (двойные кавычки), вы можете сделать это с помощью $.parseJSON() и циклически, как это:

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

---

Обновление: Поскольку вы контролируете, как это оказывается на странице просто удалить начальные кавычки это завернутые в, как это:

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 это именно то, что это название говорит, объект обозначения ... так просто использовать это так, не делайте его строкой, просто выводите/объявляйте его непосредственно как объект javascript ... в этом случае это массив, который вы можете пропустить, и это, конечно, быстрее, без дополнительной работы.