如何加载Json数据下拉列表

时间:2013-07-29 06:46:35

标签: php javascript jquery html

这里的代码我试图获取json值。我能够获得关键值,但我无法获得val的值。

我该怎么做?

Jquery代码:

$.getJSON('data.json', function(data) {
    var items = [];
    $.each(data, function(key, val) {
        alert(key);
        alert(val);
        items.push('<option value="' + key + '">'+key+'</option>');
        //items.push('<li id="' + key + '">' +key + '</li>');
    });
    $('#project-list').html(items.join(''));
});  

这里是json数据

{ 
    "trng-java": {"1":"5"}, 
    "trng-jast": {"2":"5"},
    "trng-caml": {"3":"4"},
    "trng-linx": {"1":"5"}
}

当我运行它时,我得到键值,但val的值将作为Object对象。

2 个答案:

答案 0 :(得分:2)

值似乎是一个数组,就像其他人建议使用val[index]来获取值,但如果你想要它是一个字符串使用

 var valString = val.toString();

这将返回 1,5 2,5 ...

答案 1 :(得分:0)

尝试访问:val[0]

  $.getJSON('data.json', function(data) {
var items = [];
$.each(data, function(key, val) {
alert(key);
alert(val[0]);
items.push('<option value="' + key + '">'+key+'</option>');
//items.push('<li id="' + key + '">' +key + '</li>');
});
  $('#project-list').html(items.join(''));
});