citypicker简单使用

原创 2018年04月16日 16:01:54

先是html代码
需要引入以下四个文件

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/citypicker/js/city-picker.data.js"></script>
<script type="text/javascript" src="../js/citypicker/js/city-picker.js"></script>
<link rel="stylesheet" href="../js/citypicker/css/city-picker.css" />
<div style="position:relative;" class="pc-kk-form-list">
    <input readonly type="text" data-toggle="city-picker" value="" name="areaMsg" id="areaMsg" type="text" placeholder="&nbsp;&nbsp;省/市/区">
</div>

js代码

$("#areaMsg").citypicker();

后台

    private String areaMsg;
    public void setAreaMsg(String areaMsg) {
        this.areaMsg = areaMsg;
    }
    //区域类,包含省市区属性
    Area Area = new Area();
    //通过"/"分割areaMsg获得省市区
    String[] areaData = areaMsg.split("/");
    area.setProvince(areaData[0]);
    area.setCity(areaData[1]);
    area.setDistrict(areaData[2]);

city-picker的简单使用

city-picker的使用:html1. 下载city-picker,解压之后2.将下面这个文件复制到项目当中3.导入一下三个js文件到页面,同时还要引入css样式(xxx.html) ...
  • bsw451926392
  • bsw451926392
  • 2017-12-24 20:19:15
  • 3360

省市区三级联动city-picker

省市区三级联动city-picker1.下载地址 网址: http://tshi0912.github.io/city-picker/ 2.下载的文件详情3.复制 dist 下内容,到项...
  • happy_meng
  • happy_meng
  • 2017-12-25 09:06:00
  • 961

CityPickerViewV2.0重磅来袭

详细介绍说明请移步 https://github.com/crazyandcoder/citypicker 强烈建议升级使用V2.0版本的CityPickerView控件!!! 本次更...
  • lj188266
  • lj188266
  • 2017-08-22 07:37:26
  • 933

一秒集成 省市区三级联动选择器-CityPickerView

第一步:Gradle引用 compile 'liji.library.dev:citypickerview:0.1.0' 第二步:代码示例 CityPickerView cityPickerView...
  • u014752325
  • u014752325
  • 2016-10-08 11:33:45
  • 6158

java+city-picker自定义省市区选择

运用city-picker创建省市区选择。 这里直接附上city-picker的地址http://tshi0912.github.io/city-picker/ 方法 导入js文件 加上标签 da...
  • qq_24046745
  • qq_24046745
  • 2016-09-28 14:48:43
  • 9676

Android中使用开源框架citypickerview实现省市区三级联动选择

1.概述 记得之前做商城项目,需要在地址选择中实现省市区三级联动,方便用户快速的填写地址,当时使用的是一个叫做android-wheel 的开源控件,当时感觉非常好用,唯一麻烦的是需要自己整理并解析...
  • panhouye
  • panhouye
  • 2017-03-08 15:07:46
  • 5955

city-picker

  • 2017年08月15日 09:44
  • 147KB
  • 下载

AndroidCityPicker仿IOS选择效果

最近的一个项目因为android端与IOS端需要同步,所以在城市选择器这里做了一个类似IOS的CityPicker控件,当然因为本人水平问题显示效果比IOS上面还是有一定差距的,OK先让大家看下效果。...
  • u011068996
  • u011068996
  • 2015-08-10 10:35:32
  • 7186

第三方开源库:日期时间选择器(TimePickerDialog)+ 省市区三级联动(CityPicker) + 一级滚动

TimePickerDialog作者:GitHub: https://github.com/JZXiangAndroid时间选择器,支持年月日时分,年月日,年月,月日时分,时分格式,可以设置最小时间和...
  • ss1168805219
  • ss1168805219
  • 2016-11-05 19:56:56
  • 4394
收藏助手
不良信息举报
您举报文章:citypicker简单使用
举报原因:
原因补充:

(最多只允许输入30个字)