Bind JSON результаты для выпадающего списка

Question

Я получаю результаты JSON от API. Я хочу связать пары ключей результата с выпадающим списком. Но ниже пары значений привязки кода в раскрывающемся списке. Например, у меня есть результат JSON следующим образом. { "AED": "Объединенные Арабские Эмираты Дирхи", "AFN": "афгани", "ALL": "албанский лек", "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 
        }) 
       ); 
      }); 
     } 
    }); 
});