Javascript 将JSON结果绑定到下拉列表

Javascript 将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

我从API获得JSON结果。我想将结果的密钥对绑定到下拉列表中。 但下面的代码将值对绑定到下拉列表中。 例如,我有如下JSON结果。 { “AED”:“阿拉伯联合酋长国迪拉姆”, “阿富汗人”:“阿富汗人”, “全部”:“阿尔巴尼亚列克人”, “AMD”:“亚美尼亚德拉姆” }

我的下拉列表应该包含AED、AFN、ALL和AMD

$(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