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

Question

我在这里查看了几个关于如何执行此操作的示例，答案仍然暗示我。

我有一个 ajax 调用 returns 一个具有几个属性的对象以及一组其他对象。我想从每个内部对象中获取 2 个属性来创建一个列表。现在，我的代码如下所示：

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

我也尝试了 JSON.stringify(data.Name)，我认为这里需要这样做，但我认为我访问的属性不正确。返回的对象在我的 chrome 开发工具中看起来像这样：

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

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

Answer 1

data 它是响应或完整数组以及您需要它里面的每个元素，为此您需要在函数中指定索引和 element 参数并读取来自 element

的值

$.each() documentation

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

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

convert array from inside of returned object into select item list js

jquery

html

json

html-select