java省市级联下拉菜单实例代码
更新时间：2016年05月22日 08:19:05 作者：旧梦vs逆爱
这篇文章主要为大家详细介绍了java省市级联实例代码，具有一定的参考价值，感兴趣的朋友可以参考一下
本文实例为大家分享了java省市级联的具体代码，供大家参考，具体内容如下
1.LoadAreaServlet.java
package com.scce.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import com.scce.pojo.City;
import com.scce.pojo.Prov;
public class LoadAreaServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
request.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
ArrayList<Prov> provs = new ArrayList<Prov>();
String provinceID = request.getParameter("provinceID");
if (provinceID=="" || provinceID==null) {
System.out.println("加载地级市信息");
Prov pro1 = new Prov();
pro1.setId(0);
pro1.setProvinceName("湖北");
Prov pro2 = new Prov();
pro2.setId(1);
pro2.setProvinceName("湖南");
Prov pro3 = new Prov();
pro3.setId(2);
pro3.setProvinceName("广东");
Prov pro4 = new Prov();
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 = new ArrayList<City>();
if (provinceID.equals("0")) {
City city1 = new City();
city1.setId(0);
city1.setCityName("武汉市");
City city2 = new City();
city2.setId(1);
city2.setCityName("黄石市");
City city3 = new City();
city3.setId(2);
city3.setCityName("十堰市");
citys.add(city1);
citys.add(city2);
citys.add(city3);
}
if (provinceID.equals("1")) {
City city1 = new City();
city1.setId(0);
city1.setCityName("长沙市");
City city2 = new City();
city2.setId(1);
city2.setCityName("岳阳市");
City city3 = new City();
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
<!DOCTYPE html>
<html>
<head>
<title>chapter4-test1</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../UI/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="../UI/themes/default/easyui.css" type="text/css"></link>
<!-- <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script> -->
<script type="text/javascript" src="../UI/jquery.min.js"></script>
<script type="text/javascript" src="../UI/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../UI/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
//LoadAreaServlet
/* var dataCombobox=[{"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){
var provId = $("#province").combobox("getValue");
loadCity(provId);
},
onSelect:function(recode){
loadCity(recode.id);
}
});
});
function loadCity(provId){
$("#city").combobox({
width: 150,
valueField: 'id', //1
textField: 'cityName', // 湖北省
editable: false,
// data:dataCombobox //指定下拉列表的数据源
url:'../LoadAreaServlet?provinceID='+provId,
method:'post'
});
}
</script>
</head>
<body>
省：
<select id="province" >
<option value="0">数据加载中..</option>
</select>
<br/>
市：
<select id="city" >
<option value="">数据加载中..</option>
</select>
</body>
</html>
以上就是本文的全部内容，希望对大家学习java程序设计有所帮助。
相关文章
这篇文章主要介绍了JAVA流程控制语句的的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-06-06
这篇文章主要介绍了Java不可不知的泛型使用,本文通过实例代码给大家介绍了java的泛型的基本使用，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-08-08
在我们日常开发中,在前后端交互的时候会遇到多个id或其他字段存放到一个字段中,这时我们会遇到一个List(集合)---->String(单个字段),这篇文章主要给大家介绍了关于java中List数组用逗号分隔开转成字符串的2种方法,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了idea版本控制忽略.idea文件和.iml文件,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-11-11
这篇文章主要介绍了使用Jackson实现Map与Bean互转方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-08-08
java数组遍历 删除remove。需要的朋友可以过来参考下，希望对大家有所帮助2013-10-10
MyBatis-Plus 的乐观锁通过简单的配置和注解,可以轻松实现高并发场景下的数据并发控制,具有一定的参考价值,感兴趣的可以了解一下2024-09-09
这篇文章主要为大家介绍了一些Java中切割字符串的小技巧，可以把性能提升5~10倍。文中的示例代码讲解详细，快跟随小编一起学习一下2022-03-03
本文主要介绍 Java 正则表达式的内容，这里整理了Java 正则表达式的相关资料，并详细介绍，附有代码示例，有兴趣的小伙伴可以参考下2016-09-09
这篇文章主要介绍了java使用Jdom实现xml文件写入操作的方法,以完整实例形式分析了Jdom针对XML文件写入操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
最新评论