Javascript 将树json数据填充到下拉框

我有树形格式的json数据：

[
  {
    "beer_names": [
      "Apple Ale",
      "Bad Seed Pumpkin Ale"
    ],
    "brewery": "Basil T's Brew Pub and Italian Grill"
  },
  {
    "beer_names": [
      "5 C's IPA",
      "Bottle Rocket IPA",
      "Kate The Great Russian Imperial Stout",
      "Wheat Wine"
    ],
    "brewery": "Portsmouth Brewery"
  },
  {
    "beer_names": [
      "Black Forest Dunkelweizen",
      "Equinox E.S.B.",
      "Evolutionary IPA",
      "G.E. Lite",
      "Nut Brown",
      "Red",
      "Smoked Porter"
    ],
    "brewery": "Glen Ellyn Sports Brew"
  }
]

所以我想把这些数据填充到下拉框中，如下所示：

--Basil T's Brew Pub and Italian Grill
--------Apple Ale
--------Bad Seed Pumpkin Ale
--Portsmouth Brewery
--------5 C's IPA
--------Bottle Rocket IPA
--------Wheat Wine
--------Kate The Great Russian Imperial Stout
--Glen Ellyn Sports Brew
--------Black Forest Dunkelweizen
--------Equinox E.S.B.
--------Evolutionary IPA
--------G.E. Lite
--------Nut Brown
--------Red
--------Smoked Porter

或者树状视图允许选择子设备的值名称？

您可以看到以下链接： 然后从左面板中选择Group ComboBox。 可能会帮助您

您可以查看此链接： 然后从左面板中选择Group ComboBox。 可能会帮助您

您可以查看此链接： 然后从左面板中选择Group ComboBox。 可能会帮助您

您可以查看此链接： 然后从左面板中选择Group ComboBox。 也许能帮你

给你：

var数据=[{
“啤酒名称”：[
“苹果啤酒”，
“坏籽南瓜啤酒”
],
“酿酒厂”：“罗勒T’s Brew酒吧和意大利烧烤店”
}, {
“啤酒名称”：[
“5C的IPA”，
“瓶装火箭IPA”，
“伟大的俄罗斯帝国胖子凯特”，
“麦酒”
],
“酿酒厂”：“朴茨茅斯酿酒厂”
}, {
“啤酒名称”：[
“黑森林邓克尔韦赞”，
“Equinox E.S.B.”，
“进化IPA”，
“G.E.Lite”，
“坚果棕色”，
“红色”，
“烟熏搬运工”
],
“酿酒厂”：“格伦·艾琳运动啤酒”
}];
$.each（数据、函数（索引、值）{
var-str=''；
$.each（值['beer\u names'，函数（索引，值）{
str+=''+值+''；
});
str+=''；
$（'select'）。追加（str）；
});

给您：


var数据=[{
“啤酒名称”：[
“苹果啤酒”，
“坏籽南瓜啤酒”
],
“酿酒厂”：“罗勒T’s Brew酒吧和意大利烧烤店”
}, {
“啤酒名称”：[
“5C的IPA”，
“瓶装火箭IPA”，
“伟大的俄罗斯帝国胖子凯特”，
“麦酒”
],
“酿酒厂”：“朴茨茅斯酿酒厂”
}, {
“啤酒名称”：[
“黑森林邓克尔韦赞”，
“Equinox E.S.B.”，
“进化IPA”，
“G.E.Lite”，
“坚果棕色”，
“红色”，
“烟熏搬运工”
],
“酿酒厂”：“格伦·艾琳运动啤酒”
}];
$.each（数据、函数（索引、值）{
var-str=''；
$.each（值['beer\u names'，函数（索引，值）{
str+=''+值+''；
});
str+=''；
$（'select'）。追加（str）；
});

给您：


var数据=[{
“啤酒名称”：[
“苹果啤酒”，
“坏籽南瓜啤酒”
],
“酿酒厂”：“罗勒T’s Brew酒吧和意大利烧烤店”
}, {
“啤酒名称”：[
“5C的IPA”，
“瓶装火箭IPA”，
“伟大的俄罗斯帝国胖子凯特”，
“麦酒”
],
“酿酒厂”：“朴茨茅斯酿酒厂”
}, {
“啤酒名称”：[
“黑森林邓克尔韦赞”，
“Equinox E.S.B.”，
“进化IPA”，
“G.E.Lite”，
“坚果棕色”，
“红色”，
“烟熏搬运工”
],
“酿酒厂”：“格伦·艾琳运动啤酒”
}];
$.each（数据、函数（索引、值）{
var-str=''；
$.each（值['beer\u names'，函数（索引，值）{
str+=''+值+''；
});
str+=''；
$（'select'）。追加（str）；
});

给您：


var数据=[{
“啤酒名称”：[
“苹果啤酒”，
“坏籽南瓜啤酒”
],
“酿酒厂”：“罗勒T’s Brew酒吧和意大利烧烤店”
}, {
“啤酒名称”：[
“5C的IPA”，
“瓶装火箭IPA”，
“伟大的俄罗斯帝国胖子凯特”，
“麦酒”
],
“酿酒厂”：“朴茨茅斯酿酒厂”
}, {
“啤酒名称”：[
“黑森林邓克尔韦赞”，
“Equinox E.S.B.”，
“进化IPA”，
“G.E.Lite”，
“坚果棕色”，
“红色”，
“烟熏搬运工”
],
“酿酒厂”：“格伦·艾琳运动啤酒”
}];
$.each（数据、函数（索引、值）{
var-str=''；
$.each（值['beer\u names'，函数（索引，值）{
str+=''+值+''；
});
str+=''；
$（'select'）。追加（str）；
});