Bootstrap+jfinal实现省市级联下拉菜单

Bootstrap 前端之家
前端之家收集整理的这篇文章主要介绍了Bootstrap+jfinal实现省市级联下拉菜单，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

小小一个省市级关联菜单，却耗费了一个很多时间来摸索，原因在于对jquery不熟练，既然这么辛苦完成了一个组件，自然想要共享出来，让需要的人使用。

这只是一个基础版，后续还要再进行优化。

代码：

说明：

sql语句就不再说了，里面有“city.sql”、“provincial.sql”两个文件。

1、先说说获取数据

provincials = Provincials.me.getProvincials(); for (Provincials provincial : provincials) { List citys = Citys.me.getCitysByProvincialId(provincial.getLong("id")); provincial.put("citys",JsonKit.toJson(citys)); } setAttr("provincials",provincials); render("procity.jsp"); }

1）. 先获取所有的省级菜单。 2）. 根据省级id获取对应的市级菜单。 3）. 在获取市级菜单的时候，注意把list转换为json数据，这里使用了JackJson.

2、说说页面布局

${item.proname}