如何使用javascript将JSON转换为html选择值[重复]

Question

大家好，请帮助我，我需要在 url 中使用 JSON 数据，其中包含 JSON 数据 somexample.json 到 html 选择下拉列表和 javascript。 我试图找到解决方案，但没有得到解决方案，请任何人帮助我。

{
“详情”：{
"numberOfBundles":14, “捆绑”：[
{
“金额”：100.0， "description":"200min Onnet Voice", “类型代码”：153 }, {
“金额”：1200.0， "description":"1GB 数据包", “类型代码”：101 }, {
“金额”：400.0， "description":"5GB 夜间和周末数据包", “类型代码”：162 }, {
“金额”：3000.0， "description":"3GB 数据包", “类型代码”：102 }, {
“金额”：5000.0， "description":"5GB 数据包", “类型代码”：161 }, {
“金额”：5000.0， "description":"7GB Anytime 数据计划", “类型代码”：164 }, {
“金额”：7500.0， "description":"10GB 夜间和周末数据包", “类型代码”：144 }, {
“金额”：9000.0， "description":"10GB 数据包", “类型代码”：103 }, {
“金额”：14000.0， "description":"20GB 夜间和周末数据包", “类型代码”：145 }, {
“金额”：17000.0， "description":"20GB 数据包", “类型代码”：104 }, {
“金额”：36000.0， "description":"50GB 数据包", “类型代码”：105 }, {
“金额”：70000.0， "description":"100GB 数据包", “类型代码”：142 }, {
“金额”：5E+5， "description":"500MB 数据包", “类型代码”：100 }, {
“金额”：5E+5， "description":"200GB 数据包", “类型代码”：143 } ] } }

我需要 html 选择喜欢。

<select name="internetbundle">
<option value="500.00">5GB Night & Weekend Data Bundle</option>
<option value="3000.00">3GB Data Bundle</option>
<option value="5000.00">7GB Anytime data plan</option>
</select>

Answer 1

您只需要遍历包并通过 jQuery 追加。

json.details.bundle.forEach(function(value) {   
var value = value.amount
var data = value.description
var id = value.typeCode
$('select[name="internetbundle"]').append('<option id="'+id+'" 
    value="'+value+'">'+data+'</option>');
)}