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

前端之家收集整理的这篇文章主要介绍了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}