解析数组Json以选择Tag

时间:2013-04-24 04:50:38

标签: javascript jquery html arrays json

我有一个Json回复。我需要获取每个值并将它们附加到Select标记。以逗号分隔的每个值都应作为选项附加在选择标记中。

代码是:

Jquery的:

var dec ={"dc":["One","Two","Three"]};

jQuery.each(dec, function(index, value) {

    $(".request").append("<option value='" + index + "'>" + value + "</option>");  

});

HTML:

<select class="request">

</select>

上面的代码将所有内容附加到单个选项,但不是选择标记

中的不同选项

3 个答案:

答案 0 :(得分:1)

试试这个

var dec ={"dc":["One","Two","Three"]};
var html = "";
jQuery.each(dec, function(index, value) {

    html += "<option value='" + index + "'>" + value + "</option>";  
});

 $(".request").html( html );

答案 1 :(得分:0)

您需要遍历dc数组。现在你有了一个带有子数组dec的对象dc

jQuery.each(dec.dc, function(index, value) {
    $(".request").append("<option value='" + index + "'>" + value + "</option>");  
});

答案 2 :(得分:0)

var $opt;

For (var i = 0; i < dec.dc.length; i++) {
    $opt = $('<option></option>');
    $opt.text(dec.dc[i]);
    $opt.val(i);
    $('.request').append($opt);
}

尽可能做一个基本的js循环,它们更快。