Question

这是输入：

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做到这一点？

Answer 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);

Answer 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

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

2 个答案: