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程序设计有所帮助。