JavaScript解析Json实现动态修改多级下拉选择列表控件Select

最终效果：

根据上级菜单所选，决定下级菜单的列表项内容:

数据源

首先读取数据库中的数据得到数据，由于数据库中的数据是分散的几个二维表格，查询出来的数据是Map键值对的List集合，不能直接拿来用，需要先进行处理：一级菜单封装为String类型菜单项的List集合，二级菜单封装为键名为一级分类项名称，键值为对应二级分类项的List集合的Map。三级菜单是同二级菜单类似的Map。

再将三个级别的菜单数据转为Json字符串，通过request对象传递给页面。

request.setAttribute("oneListJson", oneListJson);
		request.setAttribute("twoMapJson", twoMapJson);
		request.setAttribute("threeMapJson", threeMapJson);

解析出来的三级菜单Json字符串分别为：

一级菜单：{"json":["其他","办公","图书","彩妆","数码","服饰","母婴","电器","美食","鞋包"]}

二级菜单：{"json":{"图书":["儿童图书"],"其他":["其他"],"彩妆":["化妆工具","唇膏","睫毛膏","眼影","指甲油"],"鞋包":