将返回对象内部的数组转换为选择项列表js

时间:2015-07-23 17:00:13

标签: jquery html json html-select

我在这里看了几个关于如何做到这一点的例子,答案仍然暗示着我。

我有一个ajax调用,它返回一个带有几个属性的对象以及一组其他对象。我想从每个内部对象中获取2个属性来创建列表。现在,我的代码看起来像这样:

myMethod: function(data){
    $.each(data, function(){
        $('#mySelectList').append($('<option></option>').text(data.Name).val(data.ID));
    });
}

我也尝试了JSON.stringify(data.Name),我认为这是必需的,但我认为我正在错误地访问这些属性。返回的对象在我的chrome dev工具中看起来像这样:

Object {BooleanProperty1: true, BooleanProperty2: true, Rows: Array[9]}

当我向下钻取行时:

0: Object
    ID: 1
    Title: "SomeTitle"
    SomeOtherProperties: propertyData
    //more properties
2: Object
    ID: 2
    Title: "SomeOtherTitle"
    SomeOtherProperties: propertyData
    //more properties
//more objects

如何在创建列表时访问此数组中的属性以使用它们?

1 个答案:

答案 0 :(得分:3)

data它是响应或完整数组以及你需要它的每个元素,因为你需要在函数中指定索引和element参数并读取值来自element

$.each() documentation

 $.each(data.Rows, function(index, element){
    $('#mySelectList').append($('<option></option>').text(element.Name).val(element.ID));
  });