JavaWeb 省市级菜单如何被选中。
效果图
这里写图片描述这里写图片描述
数据组装
如果向initProcitys方法传递一个市的code，比如说洛阳的HNLY，那么根据HNLY的唯一性，确定省的选中项。确定完省市级的选中项后，为其增加selected属性。
package com.hc.jf.controller; import java.util.List; import org.apache.log4j.Logger; import com.hc.jf.entity.Citys; import com.hc.jf.entity.Provincials; import com.jfinal.kit.JsonKit; public class ProcityController extends BaseController { private static Logger logger = Logger.getLogger(ProcityController.class); public void initProcitys() { logger.info("获取所在地区"); String city_code = getPara(0); String pro_code = ""; // 则说明是展示页面，此时需要为省级菜单和市级菜单设置选择项 if (city_code != null) { Provincials selected_provincial = Provincials.me.getProvincialByCitycode(city_code); pro_code = selected_provincial.getStr("procode"); } List<Provincials> provincials = Provincials.me.getProvincials(); for (Provincials provincial : provincials) { if (!pro_code.equals("") && provincial.get("procode").equals(pro_code)) { provincial.put("selected", "selected"); } List<Citys> citys = Citys.me.getCitysByProvincialId(provincial.getLong("id")); for (Citys city : citys) { // 市级菜单被选中 if (city_code != null && city.get("code").equals(city_code)) { city.put("selected", "selected"); break; } } provincial.put("citys", JsonKit.toJson(citys)); } setAttr("provincials", provincials); render("procity.jsp"); } }
要想知道哪个省市级被选中，只需要参数中传递一个市级菜单code就可以了，比如BJBJ。
那么根据BJBJ为省级菜单、市级菜单分别添加selected，当然只为要选中的项目。
前端显示处理
前端显示的规则就是拿到有selected属性的项目，进行选中显示。
<option value="${item.procode}" cdata='${item.citys}' <c:if test="${item.selected=='selected'}">selected="selected"</c:if>>${item.proname}</option>
省级的用jstl来判断属性后添加。
var selected = city_data[i].selected; if (selected == 'selected') { $city_select.append("<option value='"+code+"' selected>"+cname+"</option>"); } else { $city_select.append("<option value='"+code+"'>"+cname+"</option>"); }
市级的自然也根据市级的selected来添加。
