来自链接的动态选择列表

时间:2014-07-27 17:05:08

标签: jquery list select

有人可以帮我编写javascript(jquery)代码,它会从链接构建选择的数据列表: http://nosal.ig.pl/webcm/module/TiShopSearchValues/search?format=JSON&name=field_attr_id_1_like&nodup=1&query=

JSON:

[  
   {  
      "value":"210 mbar",
      "label":"210 mbar",
      "id":"19"
   },
   {  
      "value":"30 mbar",
      "label":"30 mbar",
      "id":"13"
   },
   {  
      "value":"Atrybut 1",
      "label":"Atrybut 1",
      "id":"14"
   },
   {  
      "value":"inne",
      "label":"inne",
      "id":"12"
   }
]

该脚本应构建以下列表:

<select name="field_attr_id_1_like">
    <option value="210 mbar">210 mbar</option>
    <option value="30 mbar">30 mbar</option>
    <option value="Atrybut 1">Atrybut 1</option>
    <option value="inne">inne</option>
</select>

1 个答案:

答案 0 :(得分:0)

试试这个:

for (var i = 0; i < myJson.length; i++){
    $('#field_attr_id_1_like').append('<option value="' + myJson[i].value + '">' + myJson[i].label + '</option>')
}

使用完整示例检查jsfiddle:http://jsfiddle.net/nbLF7/1/

更新:在我的例子中,select有&#34; id&#34;而不是&#34; name&#34;属性,但如果你想使用&#34; name&#34;而是使用这个选择器:

$('select[name="field_attr_id_1_like"]').append('<option value="' + myJson[i].value + '">' + myJson[i].label + '</option>');