Javascript 使用jquery选择下拉更新的json对象值

我有json值，比如

var roles = { "roles":[
     {"role_id":2,"role_name":"admin"},
     {"role_id":4,"role_name":"QA"},
     {"role_id":3,"role_name":"TL"},
     {"role_id":5,"role_name":"user"},
     {"role_id":1,"role_name":"root"}
 ]}

上面的json值将使用jquery输出更新选择下拉列表，如

 <option value="2">admin</option>
 <option value="4">QA</option>
 <option value="3">TL</option>
 <option value="5">user</option>
 <option value="1">root</option>

   0 [object object ]
   1 [object object ]
   2 [object object ]
   3 [object object ]
   4 [object object ]

我得到了像这样的输出

 <option value="2">admin</option>
 <option value="4">QA</option>
 <option value="3">TL</option>
 <option value="5">user</option>
 <option value="1">root</option>

   0 [object object ]
   1 [object object ]
   2 [object object ]
   3 [object object ]
   4 [object object ]

---

请帮助我解决它

进一步@Rory McCrossan comment，A.您需要在

下拉字段中找到每个
。角色
而不是
下拉字段
。B.您可以“收集”数组中每个项目的html，然后将其保存到
选择中


var角色={
“角色”：[{
“角色id”：2，
“角色名称”：“管理员”
},
{
“角色id”：4，
“角色名称”：“QA”
},
{
“角色id”：3，
“角色名称”：“TL”
},
{
“角色id”：5，
“角色名称”：“用户”
},
{
“角色id”：1，
“角色名称”：“根”
}
]
}
var dropDownField=角色；
var html=''；
if（typeof（dropDownField）==“object”&&object.keys（dropDownField.length）{
$.each（dropDownField.roles，函数（键，数据）{
html+=`${data.role_name}`；
});
}
$（'select'）.html（html）

我们不是免费的编码服务。在这里提问之前，你尝试了什么？你在哪里遇到了困难？网上有很多这样的练习教程。Stackoverflow也不是一个“如何”的教程服务。如果您尝试过，但它们不起作用，请展示您尝试过的内容，人们可以通过
角色
数组帮助您修复codeLoop，然后使用@FedericoklezCulloca，我要求您解决问题，而不是免费的编码服务，感谢replyTry查看
每个
中的
数据
对象，您可能会看到如何解决此问题。感谢Rory McCrossan和@Mosh Feu