解析数组 Json 以选择 Tag答案

【问题标题】：Parsing an array Json to select Tag解析数组 Json 以选择 Tag
【发布时间】：2013-04-24 04:50:37
【问题描述】：

我有一个 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>

以上代码将所有内容附加到单个选项，但不是作为选择标记中的不同选项

【问题讨论】：

标签： javascript jquery html arrays json

【解决方案1】：

这样试试

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

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

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

【讨论】：

此代码不起作用。它会导致 OP 遇到的确切问题。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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 循环，它们会更快。

【讨论】：