`
南头一霸
  • 浏览: 15893 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

省市区

    博客分类:
  • JAVA
 
阅读更多
<script>
$(function(){
$("select").each(function(){
$(this).val($(this).attr("data-select"));
});

var provinceId = "${data.province}";
var cityId = "${data.city}";
var areaId = "${data.area}";

$.getJSON("${rc.contextPath}/region/listpivs", function(json){
$('#select_prov').append('<option>全部</option>');
$('#select_city').append('<option>全部</option>');
$('#select_area').append('<option>全部</option>');

$.each(json, function(i,val){
$('#select_prov').append(function(){
var p = $('<option></option>').attr('value',val.id).html(val.name);
return p;
});
});

if(provinceId != ""){
$('#select_prov').val(provinceId);
provChange(provinceId);
cityChange(cityId);
}
});

var provChange = function(id){
$('#select_city').empty();
$('#select_area').empty();

$('#select_city').append('<option>全部</option>');
$('#select_area').append('<option>全部</option>');

$.getJSON("${rc.contextPath}/region/listcitys/"+id, function(json){
                    $.each(json, function(i,val){                  
                        $('#select_city').append(function(){
                            var p = $('<option></option>').attr('value',val.id).html(val.name);
                            return p;
                        });
                    });
                   
                    if(cityId != ""){
    $('#select_city').val(cityId);
    cityChange(cityId);
    }
                });
}

var cityChange = function(id){
$('#select_area').empty();
$('#select_area').append('<option>全部</option>');

$.getJSON("${rc.contextPath}/region/listcitys/"+id, function(json){ 
                    $.each(json, function(i,val){                  
                        $('#select_area').append(function(){
                            var p = $('<option></option>').attr('value',val.id).html(val.name);
                            return p;
                        });
                    });
                    if(cityId != ""){
    $('#select_area').val(areaId);
    }
                });
}

$('#select_prov').on("change",function(){provChange($(this).val())});
$('#select_city').on("change",function(){cityChange($(this).val())});
});


JSP中

<div class="form-line split4">
<label>所在省份:</label>
<select name="province" id="select_prov" data-select="${data.province}">
</select>
</div>
<div class="form-line split4">
<label>所在城市:</label>
<select name="city" id="select_city" data-select="${data.city}">
</select>
</div>
<div class="form-line split4">
<label>所在区县:</label>
<select name="area" id="select_area" data-select="${data.area}">
             </select>
</div>


Controller.JAVA


String pro = (String)data.get("province");
String city = (String)data.get("city");
String area = (String)data.get("area");

if(StringUtils.isNoneBlank(area)){
data.put("regionId", area);
}else{
if(StringUtils.isNoneBlank(city)){
data.put("regionId", city);
}else{
data.put("regionId", pro);
}
}
分享到:
评论

相关推荐

    php省市区详细地址分离算法及省市区数据

    资源包含省市区地址分离算法和省市区地址数据,需要省市区地址数据的朋友,直接去adsmsq.php文件中提取。 $Getads=new Getads(); $ar=$Getads-&gt;GetAllAddress("安徽省阜阳市颍上县南照镇六里村"); var_dump($ar); ...

    vue省市区组件,mint-ui封装的省市区组件

    标题提到的“vue省市区组件,mint-ui封装的省市区组件”即是指 Mint-UI 库中的 Distpicker 组件,它是一个方便实现省市区三级联动效果的解决方案。在 Vue-CLI 创建的项目中集成 Mint-UI,可以大大简化此类功能的开发...

    Android省市区三级联动滚轮选择——Cascade_Master

    "Android省市区三级联动滚轮选择——Cascade_Master"是一个专门为解决这一问题而设计的组件。这个组件是从实际项目中提炼出来的,旨在提供一个高效、直观且易于集成的解决方案。 该组件是基于开源库`Android-wheel`...

    全国省市区数据SQL - 省市区-自联表-2018-最新-省市区最新编码-全国省市区mysql数据库(单表)-省市区数据库

    全国省市区数据SQL,省市区,自联表,2018最新省市区,最新编码,全国省市区mysql数据库(单表),省市区数据库

    全国省市区地区js版

    全国省市区地区js版是一个用于实现中国三级行政区域(省份、城市、区县)联动效果的JavaScript代码资源。这个资源通常被用在Web开发中,特别是在需要用户选择具体地址的场景下,比如注册、配送地址填写等。它包含了...

    全国省市区关系表(SQL).zip

    全国省市区关系表是数据库设计中的一个重要组成部分,尤其在地理信息系统、电商、物流等领域中,对地址信息的精确管理至关重要。SQL(Structured Query Language)是用于管理和操作数据库的标准语言,这里提到的...

    世界省市区数据库.rar_mysql世界省市区_世界 省市区_世界省市区_世界省市区数据库_全球省市区

    贡献一份世界范围的省市区三级联动下拉选择mysql数据库,当时花了很久的精力才整合到的;希望对有需要的人有一点帮助。亲测非常好用,欢迎大家下载研究!

    uniapp、小程序 省市区选择,拉起弹窗选择

    在创建交互丰富的用户体验时,用户可能会需要选择省市区这样的地理信息,这就涉及到了`uniapp`中的组件和事件处理。本篇将详细介绍如何在`uniapp`中实现省市区选择功能,并通过弹窗进行展示。 首先,`uniapp`提供了...

    省市区行政csv数据

    标题 "省市区行政csv数据" 指的是一种以CSV(Comma Separated Values)格式存储的中国省级、市级和区级行政区域信息的数据集。CSV文件是一种常见的数据交换格式,它以纯文本形式存储表格数据,易于读取和处理,可以...

    身份证号码对应省市区

    在IT行业中,尤其是在移动应用开发领域,理解和处理身份证号码与省市区对应关系是一项常见的任务。身份证号码不仅是个人身份的重要标识,也是进行地理位置关联的关键数据。本文将深入探讨这个主题,特别是针对...

    全国省市区sql

    ### 全国省市区SQL知识点解析 #### 一、数据库设计与表结构 根据所提供的信息,我们可以了解到一个关于中国省市区的数据表结构及其部分数据。该表名为`area`,主要用于存储中国大陆各省市及区县的信息。表结构设计...

    省市区JSON数据,含有EXCEL和JSON

    标题中的“省市区JSON数据,含有EXCEL和JSON”指的是一个数据资源,它包含了中国所有省份、城市和区县的详细信息,以两种格式提供:JSON(JavaScript Object Notation)和EXCEL。JSON是一种轻量级的数据交换格式,...

    详细地址抽取全国省市区

    本项目"详细地址抽取全国省市区"提供了一个高效且便捷的解决方案,它包含2018年更新的全国省市区基础数据,适用于处理中国境内的地址信息。 首先,这个工具包的核心功能是能够从一个完整的地址字符串中准确地提取出...

    最新省市区镇四级行政区划数据和省市区三级坐标边界数据

    最新省市区镇四级行政区划数据和省市区三级坐标边界数据,包括ok_data_level4、ok_geo、ok_geo4_ETD220408、ok_geo4_ETD220408_free文件,转成其他格式比如:shp、geojson、sql,包括BD09、CGCS200、GCJ-02、WGS8等...

    中国省市区数据源_java解析

    本资源包专注于“中国省市区数据源”的Java解析,这对于开发涉及地理信息系统的应用程序至关重要。在本文中,我们将深入探讨中国省市区数据源的含义、其重要性以及如何使用Java进行解析。 首先,让我们了解什么是...

    全国省市区数据SQL - 省市区

    全国省市区数据SQL - 省市区

    全国省市区字典(文本格式)

    全国省市区字典是一个重要的数据资源,主要用于存储中国所有省份、城市及区县的编码、名称和层级关系信息。在IT行业中,这类数据通常用于地理信息系统(GIS)、数据分析、地址匹配、物流配送、用户定位等多种场景。...

    Bootstrap实现省市区三级联动(亲测可用)

    ### 知识点一:Bootstrap框架及其在省市区三级联动中的应用 Bootstrap是一套流行的前端框架,由Twitter的设计师和开发人员开发。它基于HTML、CSS和JavaScript,旨在简化网站的响应式和移动设备开发。Bootstrap提供...

    2018.03省市区

    标题“2018.03省市区”指的是一个数据资源,其中包含了2018年3月时中国的省级、市级和区级行政区域信息。这个数据集可能用于各种目的,比如数据分析、地理信息系统(GIS)的应用、物流配送规划、市场研究等。描述中...

    全国省市区街道数据(Mysql).zip

    全国省市区街道数据(Mysql)是一个压缩包,包含了一份用于构建中国地区数据库的Mysql脚本文件。这个数据集提供了全面的中国行政区划信息,包括省、市、区以及街道的详细资料,并且还增加了电话区号和地理坐标(经纬度...

Global site tag (gtag.js) - Google Analytics