Javascript 有没有从json构建下拉菜单的替代方案？

最近，我们看到了一个从json生成表单的项目

我需要知道是否有任何方法可以从json中创建菜单

我需要建立一个菜单，像这样的简单程序，用mouseenter和mouseleave激活

---

请帮助我

您需要创建自己的界面和控制器。我会试着给出一个想法。创建用于从代码中添加html div标记的函数

像这样创建json或从文件加载（同一员工）-（如果您想从文件或远程服务器加载json，请使用httprequest）：

//html代码

<div id="menuHolder" style="width:200px;height:60px" ></div>

// generic from code example
var MENU_DATA = {
"DisplayText" : "Select drop menu" , 
 items : [ "select1" , "select2" , ... , "selectn"]

};

function refreshMenu(){
// clear holder 
document.getElementById("menuHolder").innerHTML = "";
for (var x=0;x<MENU_DATA.items.length;x++) {
  // i use simple method for creating divs but this is better 
  // look at [Answer for nice creating dom elements][1]
  document.getElementById("menuHolder").innerHTML += "<div id='id_"+x+"' onclick='CLICK_METHOD("+x+")' > "+ MENU_DATA.items[x] +" </div>";

}
}


  function CLICK_METHOD (IndexOfClicedItem) {

          if (IndexOfClicedItem == 1) {

                 CALL_EVENT_FOR_SELECT1() 

            }
   }

// For working like drop menu you will need to add click event on holder .

  // Create var for status OPENED / CLOSED menu
  // On open make height for example 500px on close back to 60px 
  // Need css for overflow hidden for holder div ...

//通用代码示例
变量菜单_数据={
“显示文本”：“选择下拉菜单”，
项目：[“选择1”、“选择2”、…、“选择N”]
};
函数刷新菜单（）{
//透明支架
document.getElementById（“MenuHold”）.innerHTML=“”；
对于（var x=0；xcan u共享您在“最近看了一个项目”中尝试过的内容？？是的，我当然忘记了放置链接。以下步骤将引导您走向正确的方向。1）使用您需要的所有菜单相关信息（菜单项的标题，可能是颜色、宽度、事件等）构建JSON2）使用JSON.Parse（）解析JSON；3）创建一个
元素，并通过新的JSON对象属性给它一个ID 4）循环，然后开始向
添加
元素。这可能会有帮助：非常感谢您的帮助请重新定义问题，如：需要使用本机js构建dropMenu控件的过程是什么…问题在OnHold中我不太明白，您提到了吗程序，我只需要创建一个简单的菜单这样，如果你问我的问题是确定的。