Question

我从API获得了JSON结果。我想将结果的密钥对绑定到下拉列表中。但是下面的代码将值绑定到下拉列表中。例如，我有以下JSON结果。 { “AED”：“阿拉伯联合酋长国迪拉姆”， “AFN”：“阿富汗阿富汗人”， “全部”：“阿尔巴尼亚列克”， “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
                })
            );
        });
    }
});

Answer 1

显然你需要分配两个不同的东西。查看jQuery文档，它看起来像

$.each(result, function(key, value) {
        $("#drpDown").append(
            $('<option/>', {
                value: key,
                html: value
            })
        );

是你想要的。

Answer 2

每个函数接受两个参数，第一个是集合（这里称为结果），第二个是要添加键，值参数的匿名函数，然后你将能够检索这些键/值对并迭代它们。

<强> jsfiddle is here

$(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
                    })
                );
            });
        }
    });
});

将JSON结果绑定到下拉列表

2 个答案: