页面效果如下图所示:

js代码如下图所示:
//初始化省份、城市、区域下拉列表
$('#provinceId').combobox({
url:'demoAction!getProvinceJson.action',
valueField:'provinceId',
textField:'provinceName',
onChange:function(){
var provinceId = $('#provinceId').combobox('getValue');
$('#cityId').combobox({
url:'demoAction!getCityJsonByProvinceId.action?provinceId='+provinceId,
valueField:'cityId',
textField:'cityName',
onChange:function(){
var cityId = $('#cityId').combobox('getValue');
$('#areaId').combobox({
url:'demoAction!getAreaJsonByCityId.action?cityId='+cityId,
valueField:'areaId',
textField:'areaName',
});
}
});
}
});
})action代码如下图所示:
// ××××××××××××××××××××××××××××××××××××××××××××××××××××××××××
// ×××××××××××××××××××××××××××三级联动×××××××××××××××××××××××
// ××××××××××××××××××××××××××××××××××××××××××××××××××××××××××
//进入上传页面
public String menuButton3(){
return "combobx3";
}
//-----------------------得到区域列表---------------------------
//浏览器传递过来的信息
private String cityId;
public String getCityId() {
return cityId;
}
public void setCityId(String cityId) {
this.cityId = cityId;
}
public void getAreaJsonByCityId(){
JSONArray jsonArray = new JSONArray();
JSONObject jsonObj = new JSONObject();
if("ft".equals(cityId)){
jsonObj.put("areaId", "xwy");
jsonObj.put("areaName", "小瓦窑");
jsonObj.put("selected", true);
JSONObject jsonObj2 = new JSONObject();
jsonArray.add(jsonObj);
jsonObj2.put("areaId", "yql");
jsonObj2.put("areaName", "玉泉路");
jsonArray.add(jsonObj2);
}
if("hd".equals(cityId)){
jsonObj.put("areaId", "zgc");
jsonObj.put("areaName", "中关村");
jsonObj.put("selected", true);
JSONObject jsonObj2 = new JSONObject();
jsonArray.add(jsonObj);
jsonObj2.put("areaId", "sd");
jsonObj2.put("areaName", "上地");
jsonArray.add(jsonObj2);
}
writeJson(jsonArray);
}
版权声明:本文为song2012原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。