使用combobox下拉列表框实现省 市 县 的三级联动

package com.hanqi.entity;

//地区
public class Region {

    //地区id
    private String regionID;
    //地区名称
    private String regionName;

    //上级地区id
    private String parentRegionID;

    public String getRegionID() {
        return regionID;
    }

    public void setRegionID(String regionID) {
        this.regionID = regionID;
    }

    public String getRegionName() {
        return regionName;
    }

    public void setRegionName(String regionName) {
        this.regionName = regionName;
    }

    public String getParentRegionID() {
        return parentRegionID;
    }

    public void setParentRegionID(String parentRegionID) {
        this.parentRegionID = parentRegionID;
    }

    public Region(String regionID, String regionName, String parentRegionID) {
        super();
        this.regionID = regionID;
        this.regionName = regionName;
        this.parentRegionID = parentRegionID;
    }

    public Region() {
        super();
    }

    @Override
    public String toString() {
        return "Region [regionID=" + regionID + ", regionName=" + regionName + ", parentRegionID=" + parentRegionID
                + "]";
    }

}
package com.hanqi.dao;

import java.util.ArrayList;
import java.util.List;

import org.hibernate.Session;
import org.hibernate.SessionFactory;
import org.hibernate.Transaction;
import org.hibernate.boot.registry.StandardServiceRegistryBuilder;
import org.hibernate.cfg.Configuration;
import org.hibernate.service.ServiceRegistry;

import com.hanqi.entity.Region;

public class RegionDAO {

    Configuration cfg = null;
    ServiceRegistry sr = null;
    SessionFactory sf =null;
    Session se = null;
    Transaction tr = null;

    public RegionDAO()
    {
        //加载配置文件
        cfg = new Configuration().configure();
        //注册服务
        sr =new StandardServiceRegistryBuilder()
                .applySettings(cfg.getProperties()).build();

    }

    private void init()
    {

        sf = cfg.buildSessionFactory(sr);
        se =sf.openSession();
        tr=se.beginTransaction();

    }
    private void destroy()
    {
        tr.commit();
        se.close();
        sf.close();
    }
    //获取数据列表
    public List<Region> getList(String parentid)
    {
        List<Region> rtn = new ArrayList<Region>();

        init();

        //查询数据
        rtn = se.createQuery("from Region where parentRegionID="+parentid).list();

        destroy();

        return rtn;
    }
}
package com.hanqi.service;

import java.util.List;

import com.hanqi.dao.RegionDAO;
import com.hanqi.entity.Region;

public class RegionService {

    public List<Region> getList(String parentid){
        return new RegionDAO().getList(parentid);
    }
}
package com.hanqi.servlet;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSONArray;
import com.hanqi.entity.Region;
import com.hanqi.service.RegionService;

/**
 * Servlet implementation class RegionServlet
 */
public class RegionServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public RegionServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("UTF-8");
        response.setCharacterEncoding("UTF-8");

        response.setContentType("text/html");
        //接收参数
        String parentid=request.getParameter("parentid");
        if(parentid!=null)
        {
        //读取地区列表
        List<Region> lr = new RegionService().getList(parentid);

        //返回JSON格式的数据
        String json=JSONArray.toJSONString(lr);
        response.getWriter().print(json);
        }
        else
        {
            response.getWriter().print("[]");

        }
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 1jQuery的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>
<!-- 2css资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css">
<!-- 3图标资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css">
<!-- 4easyui的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
  <!-- 5本地语言包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>

</head>
<body>
修改
<input class="easyui-combobox" data-options=
"url:‘json/combo.json‘,
valueField:‘id‘,
textField:‘text‘,
editable:false" >

<br>
<br>
省:<input id="sheng" class="easyui-combobox" style="width: 100px" data-options="
url:‘RegionServlet?parentid=0‘,
valueField:‘regionID‘,
textField:‘regionName‘,
onSelect:function(region){
    //alert(‘选择了省‘+region.regionID)
$(‘#shi‘).combobox(‘clear‘);  //清除原有显示内容
//重新加载
$(‘#shi‘).combobox(‘reload‘,‘RegionServlet?parentid=‘+region.regionID);
$(‘#quxian‘).combobox(‘clear‘);  //清除原有显示内容
$(‘#quxian‘).combobox(‘reload‘,‘RegionServlet‘);//清除下拉项目

}
" >
市:<input id="shi" class="easyui-combobox" style="width: 100px" data-options="
url:‘RegionServlet‘,
valueField:‘regionID‘,
textField:‘regionName‘,
onSelect:function(region){
    alert(‘选择了市‘+region.regionID)
$(‘#quxian‘).combobox(‘clear‘);  //清楚原有项目
//重新加载
$(‘#quxian‘).combobox(‘reload‘,‘RegionServlet?parentid=‘+region.regionID);
}
" >
区县:<input id="quxian" class="easyui-combobox" style="width: 100px" data-options="
url:‘RegionServlet‘,
valueField:‘regionID‘,
textField:‘regionName‘
" >

</body>
</html>

时间: 2024-10-30 14:47:24

使用combobox下拉列表框实现省 市 县 的三级联动的相关文章

封装标签省,市,县。三级联动

package com.jy.modules.tld; import com.jy.platform.api.sysarea.SysAreaAPI; import java.io.IOException; import java.util.List; import java.util.Map; import javax.servlet.ServletContext; import javax.servlet.jsp.JspException; import javax.servlet.jsp.J

省、市、区(县)三级联动

用纯js写,这种方法的优点是可以随时引用该js文件,只需要引入该js文件即可. 1.写一个显示页面 sanji.php 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999

(我国的省—市—区)三级联动数据库.sql

# MySQL-Front 5.1  (Build 2.7) /*!40101 SET @[email protected]@SQL_MODE */; /*!40101 SET SQL_MODE='' */; /*!40111 SET @[email protected]@SQL_NOTES */; /*!40103 SET SQL_NOTES='ON' */; # Host: localhost    Database: iptohat_area # ---------------------

省、市、区 三级联动,Vue+SpringDataJpa实现

1.使用elementui中的下拉框 注意:这里都是使用前后端分离的模式来写的,所以需要安装好node.js和vue的环境 1.数据库文件,完整文件:https://files.cnblogs.com/files/autonomy/%E7%9C%81%E5%B8%82%E4%B8%89%E7%BA%A7%E8%81%94%E5%8A%A8.rar a>省份 1 DROP TABLE IF EXISTS `t_address_province`; 2 CREATE TABLE `t_address

ajax(省,市,县)三级联动

下面我们用Jquery,ajax,做一个省,市,县的三级联动: 下面是我做三级联动下拉的步骤以及逻辑 第一步:先做一个省市区表格 第二步:建个PHP页面显示用我是在<body>里放<div>用来接收要显示的省市区表格信息,里面嵌入jquery-1.11.2.min.js和自己封装的三联动省市区的方法 第三步:写封装方法用JS 第四步:做个纯php处理页面,这个页面处理传过来的任何代号 首先我们要建立数据库: 这就是包含省,市,县的数据库, 下面我们就写主页面:sanji.php:

Django分析之三级下拉菜单选择省/市/县

今天遇到了一个一直想做却没有机会去做的功能,今天完成了便记录下来. 那这次是具体是个什么功能呢?其实还是很简单的效果,就是在用户注册的时候可以选择省/市/县,很简单的一个小功能. 那现在就开始了~首先我们要在数据库中先建一个表,用来保存全国的省/市/县信息,下面是表的结构: CREATE TABLE IF NOT EXISTS "china_regionalTable" ( "id" integer NOT NULL, "name" varcha

在DataGridView控件中加入ComboBox下拉列表框的实现

在DataGridView控件中加入ComboBox下拉列表框的实现 转自:http://www.cnblogs.com/luqingfei/archive/2007/03/28/691372.html 虽然在Visual Studio中 DataGridView控件的DataGridViewComboBoxColumn可以实现下拉列表框,但这样的列会在整列中都显示下拉列表框,不太美观,而且还要用代码实现数据绑定.本文介绍一种只在当前编辑单元格中显示下拉列表框的方法,供大家参考. 首先新建一个W

显示省、市、县三级联动的选择

本文主要是实现:用户交互,显示省市县三级联动的选择 代码: #!/usr/bin/env python# -*- coding:utf-8 -*-# author by lh dic = { '河北': { '石家庄': ['鹿泉', '藁城', '元氏'], '邯郸': ['永年', '涉县', '磁县'], }, '河南': { '郑州':['中原区','二七区','金水区'], '开封':['龙亭区','鼓楼区','禹王台区'] }, '山西': { '太原':['迎泽区','杏花岭区',

html实现 省——市——区三级联动

html实现  省--市--区三级联动 html中实现三级联动是一个不错的demo,博主在这里跟大家分享一下实现的过程,以及自己在过程中出现的一些问题,仅供参考. 首先我们将全国的省市区数据导入进来,这里已经直接整理搜集好了.如下: var provinceList = [ {name:'北京', cityList:[ {name:'市辖区', areaList:['东城区','西城区','崇文区','宣武区','朝阳区','丰台区','石景山区','海淀区','门头沟区','房山区','通州区