Jquery 对动态下拉列表的Ajax JSON数据响应

我有Ajax JSON响应数据，比如

{"ID":["53","54"],"NAME":["Volkswagen Project ","Nevpro Project"]}

现在我想要ID作为值，名称作为文本的动态下拉列表。 我的Ajax代码-

$.ajax({

url: "//<?echo $_SERVER["SERVER_NAME"];?>/services/project_data.php",
    dataType: "json",
    type: "POST",
    //data: {lan : lan},
    success: function(data){

        $.each(data,function(index, element) {
                               var x = document.getElementById("project");
                               var option = document.createElement("option");
                               option.text = element.NAME;
                               option.value = element.ID;
                               x.add(option);
                    });
    }
}); 

$.ajax({
url:“///services/project_data.php”，
数据类型：“json”，
类型：“POST”，
//数据：{lan:lan}，
成功：功能（数据）{
$.each（数据、函数（索引、元素）{
var x=document.getElementById（“项目”）；
var option=document.createElement（“选项”）；
option.text=element.NAME；
option.value=element.ID；
x、 添加（选项）；
});
}
}); 

通过此代码添加下拉列表，但值和文本显示未定义。

---

请有人帮我解决这个问题。

您的数据格式应该是这样的，以便您的UI代码正常工作：

[ {"ID":"53","NAME":"Volkswagen Project"},
  {"ID":"54", "NAME": "Nevpro Project"} ]

---

i、 e.应该有一个包含两个对象的数组。具有

名称

和

ID

属性的每个对象。

代码的问题在于

数据

是一个对象。数组位于

ID

和

NAME

属性中，因此您需要遍历这些属性，如下所示：

var数据={
“ID”：[“53”、“54”]，
“名称”：[“大众汽车项目”、“Nevpro项目”]
}
//在成功处理程序中：
var html=data.ID.map（函数（ID，i）{
返回`${data.NAME[i]}`；
});
$（'#x'）.append（html.join（''）

你能帮我生成像[{“ID”：“53”，“NAME”：“Volkswagen Project”}，{“ID”：“54”，“NAME”：“Nevpro Project”}]这样的数组吗？使用phpSorry，我不是一个PHP开发人员。我建议问一个关于这个问题的新问题，但一定要在这个问题中包含你的PHP代码