從JSON填充選擇列表

Question

我收到一些JSON數據，如下所示：

{
"COLUMNS": [
    "COMP_ID",
    "COMP_NAME",
    "FIRST_NAME",
    "LAST_NAME",
    "EMAIL_ADDRESS"
],
"DATA": [
    [
        68,
        "Comp Name 1",
        "Nicole ",
        "Lastname ",
        "a@a.com"
    ],
    [
        173,
        "Comp Name 2",
        "Megan",
        "Lastname ",
        "b@a.com "
    ],
    [
        175,
        "Comp Name 3",
        "Elizabeth ",
        "Lastname ",
        "c@a.com "
    ],
    [
        244,
        "Comp Name 4",
        "Kelly ",
        "Lastname ",
        "d@a.com "
    ],
    [
        266,
        "Comp Name 5",
        "Andrea ",
        "Lastname ",
        "e@a.com "
    ]
]
}

我正在嘗試從結果集中創建一個選擇列表。 它應該是：

  <select name="selectCompany" id="selectCompany">
    <option value="68">Comp Name 1</option>
    <option value="173">Comp Name 2</option>
    <option value="175">Comp Name 3</option>
    <option value="244">Comp Name 4</option>
    <option value="266">Comp Name 5</option>
 </select>

在我的ajax電話中，我正在使用：

 success: function (result) {
     var compData = $.parseJSON(result);
     $('#selectCompany').attr('enabled', 'true');
     $.each(compData, function() {
        $('#selectCompany').append(
            $("<option></option>").text($.trim(compData.DATA[0][0])).val($.trim(compData.DATA[0][1]))
                                    );
                                });
                            },

如何正確遍歷數據並填充選擇？

Answer 1

JSFIDDLE演示 -> http://jsfiddle.net/wqzuxdpy/

使用.each()遍歷.each()

$.each(compData.DATA, function () {
    var $option = $('<option/>').text(this[1]).val(this[0]);
    $('#selectCompany').append($option);
});

Answer 2

嘗試這個

    success: function (result) {
    var compData = $.parseJSON(result);
    $('#selectCompany').attr('enabled', 'true');
         var opts = ""
         $.each(compData, function() {
             opts.concat("<option value='"+$.trim(compData.DATA[0[0])+"'>"+$.trim(compData.DATA[0][1])+"</option>"
         });
    $('#selectCompany').append(opts);
},