使用 jQuery 从 JSON AJAX 响应创建选项值答案

【问题标题】：Create option values from JSON AJAX response using jQuery使用 jQuery 从 JSON AJAX 响应创建选项值
【发布时间】：2014-03-19 20:32:17
【问题描述】：

这是输入：

data = [
    {"localidad_cve":"1","localidad_nombre":"AZCAPOTZALCO"},
    {"localidad_cve":"10","localidad_nombre":"CRUZ BLANCA"},
    {"localidad_cve":"1","localidad_nombre":"VENUSTIANO CARRANZA"}
]

我要找的是这个：

<option value="1">AZCAPOTZALCO</option>
<option value="10">CRUZ BLANCA</option>
<option value="1">VENUSTIANO CARRANZA</option>

我如何使用 jQuery 做到这一点？

【问题讨论】：

标签： jquery html arrays json

【解决方案1】：

相当简单，循环，构建，追加：

var opts = "";
for (var i = 0; i < data.length; i++) {
    opts += "<option value='" + data[i].localidad_cve + "'>" + data[i].localidad_nombre + "</option>";
}
$("#yourSelect").append(opts);

【讨论】：

【解决方案2】：

循环和构建：

var $options = [];
for(var a = 0, len = data.length; a < len; a++) {
    $options.push($('<option />', { "value": data[a].localidad_cve, "text": data[a].localidad_nombre }));
}
$('select').append($options);

JSFiddle

【讨论】：