Javascript 将JSON结果绑定到下拉列表
我从API获得JSON结果。我想将结果的密钥对绑定到下拉列表中。 但下面的代码将值对绑定到下拉列表中。 例如,我有如下JSON结果。 { “AED”:“阿拉伯联合酋长国迪拉姆”, “阿富汗人”:“阿富汗人”, “全部”:“阿尔巴尼亚列克人”, “AMD”:“亚美尼亚德拉姆” } 我的下拉列表应该包含AED、AFN、ALL和AMDJavascript 将JSON结果绑定到下拉列表,javascript,json,drop-down-menu,Javascript,Json,Drop Down Menu,我从API获得JSON结果。我想将结果的密钥对绑定到下拉列表中。 但下面的代码将值对绑定到下拉列表中。 例如,我有如下JSON结果。 { “AED”:“阿拉伯联合酋长国迪拉姆”, “阿富汗人”:“阿富汗人”, “全部”:“阿尔巴尼亚列克人”, “AMD”:“亚美尼亚德拉姆” } 我的下拉列表应该包含AED、AFN、ALL和AMD $(document).ready(function(){ $.ajax({ url: 'http://openexchangerates.org/a
$(document).ready(function(){
$.ajax({
url: 'http://openexchangerates.org/api/currencies.json',
dataType: 'jsonp',
success: function(result) {
$.each(result, function() {
$("#drpDown").append(
$('<option/>', {
value: this,
html: this
})
);
});
}
});
$(文档).ready(函数(){
$.ajax({
网址:'http://openexchangerates.org/api/currencies.json',
数据类型:“jsonp”,
成功:功能(结果){
$.each(结果,函数(){
$(“#drpDown”)。追加(
$('', {
价值:这个,
html:这个
})
);
});
}
});
显然,您需要分配两种不同的内容
$.each(result, function(key, value) {
$("#drpDown").append(
$('<option/>', {
value: key,
html: value
})
);
$。每个(结果、函数(键、值){
$(“#drpDown”)。追加(
$('', {
值:键,
html:值
})
);
是您想要的。每个函数都接受两个参数,第一个是集合(这里称为result),第二个是一个匿名函数,您希望向其中添加键、值参数,然后您将能够检索这些键/值对并对其进行迭代
$(document).ready(function() {
$.ajax({
url: 'http://openexchangerates.org/api/currencies.json',
dataType: 'jsonp',
success: function(result) {
$.each(result, function(key, value) {
$("#drpDown").append(
$('<option/>', {
value: key,
html: value
})
);
});
}
});
});
$(文档).ready(函数(){
$.ajax({
网址:'http://openexchangerates.org/api/currencies.json',
数据类型:“jsonp”,
成功:功能(结果){
$。每个(结果、函数(键、值){
$(“#drpDown”)。追加(
$('', {
值:键,
html:值
})
);
});
}
});
});
我希望绑定AED、AFN、ALL和AMD。而不是阿拉伯联合酋长国迪拉姆、阿富汗阿富汗人、阿尔巴尼亚列克人……@SivakumarPiratheeban,所以您希望在这两者中都使用密钥?然后将value和html都设置为key。未捕获引用错误:key不是defined@HamHamJ为什么不支持value:key?正如Hamj已经回答的,我已经更新了JSFIDLE以匹配wha如果你不想,你不能完全理解困难所在。如果你的代码出现错误,那么打开一个新的doodad