java省市级联下拉菜单实例代码
本文实例为大家分享了java省市级联的具体代码，供大家参考，具体内容如下
1.LoadAreaServlet.java
packagecom.scce.servlet;
importjava.io.IOException;
importjava.io.PrintWriter;
importjava.util.ArrayList;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
importnet.sf.json.JSONArray;
importcom.scce.pojo.City;
importcom.scce.pojo.Prov;
publicclassLoadAreaServletextendsHttpServlet{
privatestaticfinallongserialVersionUID=1L;
publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
this.doPost(request,response);
}
publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
response.setContentType("text/html;charset=utf-8");
request.setCharacterEncoding("utf-8");
PrintWriterout=response.getWriter();
ArrayList<Prov>provs=newArrayList<Prov>();
StringprovinceID=request.getParameter("provinceID");
if(provinceID==""||provinceID==null){
System.out.println("加载地级市信息");
Provpro1=newProv();
pro1.setId(0);
pro1.setProvinceName("湖北");
Provpro2=newProv();
pro2.setId(1);
pro2.setProvinceName("湖南");
Provpro3=newProv();
pro3.setId(2);
pro3.setProvinceName("广东");
Provpro4=newProv();
pro4.setId(3);
pro4.setProvinceName("广西");
provs.add(pro1);
provs.add(pro2);
provs.add(pro3);
provs.add(pro4);
System.out.println(JSONArray.fromObject(provs).toString());//[{"id":0,"provinceName":"湖北"},{}]
out.print(JSONArray.fromObject(provs).toString());
}else{
ArrayList<City>citys=newArrayList<City>();
if(provinceID.equals("0")){
Citycity1=newCity();
city1.setId(0);
city1.setCityName("武汉市");
Citycity2=newCity();
city2.setId(1);
city2.setCityName("黄石市");
Citycity3=newCity();
city3.setId(2);
city3.setCityName("十堰市");
citys.add(city1);
citys.add(city2);
citys.add(city3);
}
if(provinceID.equals("1")){
Citycity1=newCity();
city1.setId(0);
city1.setCityName("长沙市");
Citycity2=newCity();
city2.setId(1);
city2.setCityName("岳阳市");
Citycity3=newCity();
city3.setId(2);
city3.setCityName("湘潭市");
citys.add(city1);
citys.add(city2);
citys.add(city3);
}
System.out.println(JSONArray.fromObject(citys).toString());
out.print(JSONArray.fromObject(citys).toString());
}
}
}
2.test1.html
<!DOCTYPEhtml>
<html>
<head>
<title>chapter4-test1</title>
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<metahttp-equiv="description"content="thisismypage">
<metahttp-equiv="content-type"content="text/html;charset=UTF-8">
<linkrel="stylesheet"href="../UI/themes/icon.css"type="text/css"></link>
<linkrel="stylesheet"href="../UI/themes/default/easyui.css"type="text/css"></link>
<!--<scripttype="text/javascript"src="../js/jquery-1.8.2.min.js"></script>-->
<scripttype="text/javascript"src="../UI/jquery.min.js"></script>
<scripttype="text/javascript"src="../UI/jquery.easyui.min.js"></script>
<scripttype="text/javascript"src="../UI/locale/easyui-lang-zh_CN.js"></script>
<scripttype="text/javascript">
//LoadAreaServlet
/*vardataCombobox=[{"id":1,"provinceName":"湖北省"},
{"id":2,"provinceName":"湖南省","selected":true},
{"id":3,"provinceName":"河北省"},
{"id":4,"provinceName":"河南省"}
];*/
$(function(){
$("#province").combobox({
width:150,
valueField:'id',//1
textField:'provinceName',//湖北省
editable:false,
//data:dataCombobox//指定下拉列表的数据源
url:'../LoadAreaServlet',
method:'post',
onLoadSuccess:function(data){
varprovId=$("#province").combobox("getValue");
loadCity(provId);
},
onSelect:function(recode){
loadCity(recode.id);
}
});
});
functionloadCity(provId){
$("#city").combobox({
width:150,
valueField:'id',//1
textField:'cityName',//湖北省
editable:false,
//data:dataCombobox//指定下拉列表的数据源
url:'../LoadAreaServlet?provinceID='+provId,
method:'post'
});
}
</script>
</head>
<body>
省：
<selectid="province">
<optionvalue="0">数据加载中..</option>
</select>
<br/>
市：
<selectid="city">
<optionvalue="">数据加载中..</option>
</select>
</body>
</html>
以上就是本文的全部内容，希望对大家学习java程序设计有所帮助。