如果一组用json表示的菜单结构，怎么用js动态的生成该菜单

var cityElement = documentgetElementById("cityID");

var json = eval(data);

size = jsonlength;

for(var i = 0;i<size;i++)

{

var optionElement = documentcreateElement("option");

optionElementinnerHTML= json[i]deptName;

optionElementvalue = json[i]deptId;

cityElementappendChild(optionElement);

}

<select id="cityID" >

<option value = "value ">innerHTML</option>

</select>

思路：利用value属性获取下拉菜单的选项→根据选项决定div的状态→利用styledisplay样式隐藏或显示div。实例演示如下：

1、HTML结构

<select id="test_select">

<option value="1">显示</option>

<option value="2">隐藏</option>

</select>

<div id="test">我是一个div么呀我是一个div</div>

2、javascript代码

windowonload = function(){

var obj_select = documentgetElementById("test_select");

var obj_div = documentgetElementById("test");

obj_selectonchange = function(){

obj_divstyledisplay = thisvalue==1 "block" : "none";

}

}

3、效果演示

以上就是关于如果一组用json表示的菜单结构，怎么用js动态的生成该菜单全部的内容，包括:如果一组用json表示的菜单结构，怎么用js动态的生成该菜单、如何用js通过下拉菜单来实现div的隐藏和显示知道、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！