java省市級聯(lián)下拉菜單實例代碼
更新時間:2016年05月22日 08:19:05 作者:舊夢vs逆愛
這篇文章主要為大家詳細(xì)介紹了java省市級聯(lián)實例代碼,具有一定的參考價值,感興趣的朋友可以參考一下
本文實例為大家分享了java省市級聯(lián)的具體代碼,供大家參考,具體內(nèi)容如下
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 //指定下拉列表的數(shù)據(jù)源
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 //指定下拉列表的數(shù)據(jù)源
url:'../LoadAreaServlet?provinceID='+provId,
method:'post'
});
}
</script>
</head>
<body>
?。?
<select id="province" >
<option value="0">數(shù)據(jù)加載中..</option>
</select>
<br/>
市:
<select id="city" >
<option value="">數(shù)據(jù)加載中..</option>
</select>
</body>
</html>
以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)java程序設(shè)計有所幫助。
相關(guān)文章
Spring Boot 配置隨機(jī)數(shù)的技巧代碼詳解
這篇文章主要介紹了Spring Boot 配置隨機(jī)數(shù)技巧,spring boot 支持在系統(tǒng)加載的時候配置隨機(jī)數(shù),具體實例代碼大家參考下本文2018-05-05
maven升級版本后報錯:Blocked mirror for repositories
本文主要介紹了maven升級版本后報錯:Blocked mirror for repositories,文中的解決方法非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-09-09

