精华内容
下载资源
问答
  • wpf comboBox 下拉框全国地址联动 的整个项目代码
  • 超好改,超好用,vue三级四级地址联动移动端pc端均可用
  • 国家省市区地址联动JS源码,国家省市区地址联动JS源码
  • 全国城市地址联动选择layui

    千次阅读 2019-10-14 17:21:00
    全国城市地址联动选择layui HTML–代码 <form class="layui-form"> <div class="layui-form-item layui-form-pane"> <label class="layui-form-label">城市联动</label> <div cla...

    全国城市地址联动选择layui

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    HTML–代码

    <form class="layui-form">
        <div class="layui-form-item layui-form-pane">
            <label class="layui-form-label">城市联动</label>
            <div class="layui-input-inline" >
                <select name="province" lay-verify="required" lay-search="" lay-skin="select" lay-filter="province" >
                    <option value="">请选择省</option>
                   <foreach name="arealist" item="v">
                       <option value="{$v.id}">{$v.area_name}</option>
                   </foreach>
                </select>
            </div>
            <div class="layui-input-inline" >
                <select name="city" lay-verify="required" lay-search="" lay-skin="select" lay-filter="city" id="city">
                    <option value="">请选择市/县</option>
                </select>
            </div>
            <div class="layui-input-inline" >
                <select name="area" lay-verify="required" lay-search=""lay-skin="select" lay-filter="area" id="area">
                    <option value="">请选择镇区</option>
                </select>
            </div>
                <div class="layui-input-inline" >
                <select name="area" lay-verify="required" lay-search=""lay-skin="select" lay-filter="street" id="street">
                    <option value="">请选择街道</option>
                </select>
            </div>
        </div>
    </form>
    

    js–代码

    <script>
        layui.use(['form', 'layedit', 'laydate'],
        function() {
            var $ = layui.jquery,
            form = layui.form,
            layer = layui.layer,
            layedit = layui.layedit,
            laydate = layui.laydate;
    
            //监听省份选择
            form.on('select(province)',
            function(data) {
                $('#city').html('<option value="">请选择市/县</option>');
                $('#area').html('<option value="">请选择镇区</option>');
                $('#street').html('<option value="">请选择街道</option>');
                $.ajax({
                    url: "{:U('Admin/getchildarea')}",
                    data: {
                        parent_id: data.value
                    },
                    type: 'POST',
                    dataType: 'json',
                    success: function(data1) {
                        if (data1.error == 0) {
                            $("#city").append(data1.option);
                            form.render('select'); //刷新select选择框渲染
                        }
                    }
                });
            });
            form.on('select(city)',
            function(data) {
                $('#area').html('<option value="">请选择镇区</option>');
                $('#street').html('<option value="">请选择街道</option>');
                $.ajax({
                    url: "{:U('Admin/getchildarea')}",
                    data: {
                        parent_id: data.value
                    },
                    type: 'POST',
                    dataType: 'json',
                    success: function(data1) {
                        if (data1.error == 0) {
                            $("#area").append(data1.option);
                            form.render('select'); //刷新select选择框渲染
                        }
                    }
                });
            });
            //监听省份选择
            form.on('select(area)',
            function(data) {
                $('#street').html('<option value="">请选择街道</option>');
                $.ajax({
                    url: "{:U('Admin/getchildarea')}",
                    data: {
                        parent_id: data.value
                    },
                    type: 'POST',
                    dataType: 'json',
                    success: function(data1) {
                        if (data1.error == 0) {
                            $("#street").append(data1.option);
                            form.render('select'); //刷新select选择框渲染
                        }
                    }
                });
            });
    
            //监听提交
            form.on('submit(demo1)',
            function(data) {
                layer.alert(JSON.stringify(data.field), {
                    title: '最终的提交信息'
                }) return false;
            });
    
        });
    </script>
    

    Thinkphp—代码:

    public function index(){
    		$this->display();
    	}
    	//联动选择页面
    	public function arealists(){
    		$this->arealist 	=	M('area')->where(array('parent_id' => 0))->select();
    		$this->display();
    	}
    	//获取子地区
    	public function getchildarea() {
    		$where['parent_id'] = I('post.parent_id');
    		if (I('post.putype') == 1) {
    			$where['is_open'] = 1;
    		}
    		$area = M('Area')->field('id, area_name, is_reg, is_open')->where($where)->select();
    		if ($area) {
    			$option = '<option value="">---请选择---</option>';
    			foreach ($area as $key => $value) {
    				$option .= '<option value="'.$value['id'].'">'.$value['area_name'].'</option>';
    			}
    			echo json_encode(array('error' => 0, 'option' => $option));
    		} else {
    			echo json_encode(array('error' => 1));
    		}
    	}
    

    文章来自—https://fly.layui.com/jie/13839/

    展开全文
  • 将全国的地址(省、市、县三级)按json格式呈现出来,方便写成三级联动组件,同时可以使用编码锁定对应的地址,使用起来更加便利。
  • jquery实现地址联动

    2013-08-01 09:05:48
    jquery实现地址联动
  • Bootstrap框架----地址联动--选择地址

    千次阅读 2017-09-13 18:30:58
    我们在之前的文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架,在此基础上记录 地址联动输入用法。应用bootstrap模板基础项目源码下载地址为:SpringMVC+Shiro+MongoDB+BootStrap基础框架我们在...



    我们在之前的文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架,在此基础上记录 地址联动输入用法。

    应用bootstrap模板


    基础项目源码下载地址为:

    SpringMVC+Shiro+MongoDB+BootStrap基础框架


    我们在基础项目中已经做好了首页index的访问。
    现在就在index.jsp页面和index的路由Controller上做修改,实现 地址联动输入用法。



    引用cxselect资源


    cxselect是一个jQuery的插件,封装了联动处理的功能,我们这里的城市联动选择也由这个插件来提供,所以需要先引用。

    相关网站:

    https://www.npmjs.com/package/cxselect

    https://github.com/ciaoca/cxSelect


    示例:

    http://www.jq22.com/yanshi3238


    或者在我的资源中直接下载:

    http://download.csdn.net/download/q383965374/9977225


    下载到的资源如图:




    放入项目的res目录下的assets目录的js文件夹中如图:






    引用时使用代码:

    <script src="/res/assets/js/jquery.cxselect.js"></script>






    初始化cxselect



    jsp中的占位符

     <div class="col-sm-8 input-group" id="districtInfo">
                          <select class="province form-control" style="width:90px" id="province" name="province"></select>
                          <select class="city form-control" style="width:90px" id="city" name="city"></select>
                          <select class="area form-control" style="width:90px" id="area" name="area"></select>
                        </div>


    使用代码初始化

    <script type="text/javascript">  
    $.cxSelect.defaults.url = '/res/assets/js/cityData.min.json';
    $.cxSelect.defaults.emptyStyle = 'none';
    $('#districtInfo').cxSelect({
      url: '/res/assets/js/cityData.min.json',               // 如果服务器不支持 .json 类型文件,请将文件改为 .js 文件
      selects: ['province', 'city', 'area'],  // 数组,请注意顺序
      emptyStyle: 'none'
    });
    </script>  








    示例代码


    完整的html

    <%@ include file="./include/header.jsp"%>  
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
            <div id="page-wrapper">  
                <div id="page-inner">  
      
      
      
      
                    <div class="row">  
                        <div class="col-md-12">  
                            <h1 class="page-header">  
                  新增 <small>示例</small>  
                            </h1>  
                        </div>  
                    </div>  
                    
                    
                    
                    <!-- /. ROW  -->  
         <div class="col-md-10 col-sm-10 col-xs-12 " style="margin-top: 30px">
                <form class="form-horizontal" id="referenceDocument" action="/add" method="post">
                    <div class="form-group">
                        <label for="ss" class="col-sm-2 control-label">城市:</label>
                        <div class="col-sm-8 input-group" id="districtInfo">
                          <select class="province form-control" style="width:90px" id="province" name="province"></select>
                          <select class="city form-control" style="width:90px" id="city" name="city"></select>
                          <select class="area form-control" style="width:90px" id="area" name="area"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-2">
                            <button type="button" class="btn btn-default cancel"
                                    data-dismiss="modal">取消
                            </button>
                            <button type="submit" class="btn btn-primary save"
                                    data-loading-text="Saving...">确认
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /. ROW  -->   
                </div>  
                <!-- /. PAGE INNER  -->  
            </div>  
            <!-- /. PAGE WRAPPER  -->  
     <%@ include file="./include/footer.jsp"%>  
     <script src="/res/assets/js/jquery.cxselect.js"></script>
     
    <script type="text/javascript">  
    $.cxSelect.defaults.url = '/res/assets/js/cityData.min.json';
    $.cxSelect.defaults.emptyStyle = 'none';
    $('#districtInfo').cxSelect({
      url: '/res/assets/js/cityData.min.json',               // 如果服务器不支持 .json 类型文件,请将文件改为 .js 文件
      selects: ['province', 'city', 'area'],  // 数组,请注意顺序
      emptyStyle: 'none'
    });
    </script>  
    </body>  
    </html>



    后端接收代码IndexController.java


    package com.test.web.controller;
    
    import java.io.IOException;
    
    import org.springframework.beans.factory.annotation.Value;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestMethod;
    import org.springframework.web.bind.annotation.RequestParam;
    
    /**
     * IndexController
     * 
     * 
     */
    @Controller
    public class IndexController {
    
    	
    	@Value("${version.name:}")
    	private String version;
    	
    	@RequestMapping("/")
    	public String index(Model model) throws IOException {
              model.addAttribute("version", version);
    		return "/index";
    	}
    	
        @RequestMapping(value="/add",method=RequestMethod.POST)    
        public String login(@RequestParam String province,@RequestParam String city,@RequestParam(defaultValue="") String area){    
            System.out.println(province+city+area);
                return "/index";    
        }  
    
    }

    需要注意的是 直辖市 北京等 只有到 区  也就是没有 area字段。界面上操作时也只会显示到第二级。




    效果如图








    展开全文
  • vue 四级联动 地址联动 vue级联选择

    千次阅读 2020-04-08 11:34:54
    vue 四级联动效果 实现前提 首先看下,我们的开发环境及数据封装特点: 第一: 开发框架vue-cli3 elementUI 第二: 数据封装情况,详见代码部分 data中的 data; 满足以上2点再继续,如果数据封装有所不同,可根据...

    vue 四级联动效果

    在这里插入图片描述

    实现前提

    首先看下,我们的开发环境及数据封装特点:
    第一: 开发框架vue-cli3 elementUI
    第二: 数据封装情况,详见代码部分 data中的 data;
    满足以上2点再继续,如果数据封装有所不同,可根据实际情况稍作修改。

    实现过程

    此处主要采用vue计算属性以及watch监听输入框变化,展示不同的数据。只需加载时一次请求即可。

    仅个人想法,如有更好的方法,欢迎指导交流;-);

    //html部分
    <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="80px">
          <el-form-item label="单元号" prop="propName">
            <el-select v-model="queryParams.propName" placeholder="请选择区域属性" clearable size="small" style="width: 140px"
              @keyup.enter.native="handleQuery">
              <el-option v-for="dict in propsOptions" :label="dict.name" :value="dict.name"/>
            </el-select>
          </el-form-item>
          <el-form-item label="" label-width="4px" prop="areaName">
            <el-select v-model="queryParams.areaName" placeholder="小区名称" clearable size="small" style="width: 110px"
                       @keyup.enter.native="handleQuery">
              <el-option v-for="dict in areaOptions" :label="dict.area" :value="dict.area"/>
            </el-select>
          </el-form-item>
          <el-form-item label="" label-width="4px" prop="buildingName">
            <el-select v-model="queryParams.buildingName" placeholder="楼号" clearable size="small" style="width: 110px"
                       @keyup.enter.native="handleQuery">
              <el-option v-for="dict in buildingsOptions" :label="dict.buildingNameTest" :value="dict.buildingName"/>
            </el-select>
          </el-form-item>
          <el-form-item label="" label-width="4px" prop="unit">
            <el-select v-model="queryParams.unit" placeholder="单元号" clearable size="small" style="width: 110px"
                       @keyup.enter.native="handleQuery">
              <el-option v-for="dict in unitsOptions" :label="dict.unitName" :value="dict.unit"/>
            </el-select>
          </el-form-item>      
        </el-form>
    //js部分,
    data(){
    	return{
    	// 查询参数
          queryParams: {
            pageNum: 1,
            pageSize: 10,
            buildingId: undefined,
            propName: undefined,
            areaName: undefined,
            buildingName: undefined,
            unit: undefined,
            roomNumber: undefined,
            address: undefined,
            acreage: undefined,
            deliveryTime: undefined,
            status: undefined,
          },
          //房屋地址联动数据
          listAll: [],//总数据
          propsOptions: [],//一级下拉数据
          areaOptions: [],//二级下拉数据
          buildingsOptions: [],//三级下拉数据
          unitsOptions: [],//四级下拉数据
          //房屋数据
    	  data: {"公寓":
    			   	{"清波园":{
    				 "1":{
    					"1":[{
    						"buildingPropId":16,
    						"prop":"公寓",
    						"buildingAreaId":16,
    						"area":"清波园",
    						"buildingId":1,
    						"buildingName":"1",
    						"buildingUnitId":12,
    						"unit":"1"}],
    					"2":[{
    						"buildingPropId":16,
    						"prop":"公寓",
    						"buildingAreaId":16,
    						"area":"清波园",
    						"buildingId":1,
    						"buildingName":"1",
    						"buildingUnitId":13,
    						"unit":"2"}],
    					"3":[{
    						"buildingPropId":16,
    						"prop":"公寓",
    						"buildingAreaId":16,
    						"area":"清波园",
    						"buildingId":1,
    						"buildingName":"1",
    						"buildingUnitId":14,
    						"unit":"3"}],
    					},//1单元
    				},//1号楼
    			},//晴波园
    		}//公寓
    	}//return	
    },
    //计算属性
    computed: {
        searchNewPropName() {
          return this.queryParams.propName;
        },
        searchAreaName(){
          return this.queryParams.areaName;
        },
        searchBuilding(){
          return this.queryParams.buildingName;
        }
      },
      //数据监听
      watch:{
        searchNewPropName(val) {
          let areaOptions = Object.keys(this.listAll[val]).map(item => ({
              area: item
            })
          );
          this.areaOptions = areaOptions;
          if(this.areaOptions){
            this.queryParams.areaName = areaOptions[0].area;
          }
        },
        searchAreaName(val){
          let arr = this.listAll[this.queryParams.propName][val];
          let buildingsOptions = Object.keys(arr).map(item => ({
              buildingName: item,
              buildingNameTest: item+"号楼"
            })
          );
          this.buildingsOptions = buildingsOptions;
          if(this.buildingsOptions){
            this.queryParams.buildingName = buildingsOptions[0].buildingName;
          }
        },
        searchBuilding(val){
          let arr = this.listAll[this.queryParams.propName][this.queryParams.areaName][val];
          let unitsOptions = Object.keys(arr).map(item => ({
            unit: item,
            unitName: item+'单元',
            })
          );
          this.unitsOptions = unitsOptions;
          if(this.unitsOptions){
            this.queryParams.unit = unitsOptions[0].unit;
          }
        }
      },
    created() {
        this.getPropAreaList();
     },
     methods: {
     	/** 请求数据列表,此处我们直接把请求好的数据放在了data里,各位宝宝自行按照你们的要求请求数据即可 */
        getPropAreaList() {
             this.listAll = this.data;
          });
        },
     }
    
    
    展开全文
  • 省市区三级地址联动选择
  • 省市区街道4级联动地址,Excel文档格式 格式如: 北京市 北京市 东城区 东华门街道 北京市 北京市 东城区 景山街道 北京市 北京市 东城区 交道口街道 北京市 北京市 东城区 安定门街道 北京市 北京市 东城区 北新桥...
  • layui地址联动demo+sql

    2019-10-15 11:29:49
    layui地址联动demo+sql+layui地址联动demo+sql+layui地址联动demo+sql+layui地址联动demo+sql
  • 实现几个地址联动的功能看起来很简答密码,实则很多坑,本小白也是经过很多尝试后才找到了解决办法 我们下来看看我的前端页面 <div class="layui-form-item"> <label class="layui-form-label">地址省...

    实现几个地址联动的功能看起来很简答密码,实则很多坑,本小白也是经过很多尝试后才找到了解决办法
    我们下来看看我的前端页面

    <div class="layui-form-item">
            <label class="layui-form-label">地址省编码</label>
            <div class="layui-input-block">
                <select id="provinceName" name="provinceName" lay-verify="required" lay-filter="provinceName"  dict="1"></select>
               <input type="hidden" class="layui-input" id="province" name="province"
                       placeholder="请输入地址省编码">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址市编码</label>
            <div class="layui-input-block">
                <select id="cityName" name="cityName" lay-verify="required" lay-filter="cityName"  dict="1"></select>
               <input type="hidden" class="layui-input" id="city" name="city"  placeholder="请输入地址市编码">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址区编码</label>
            <div class="layui-input-block">
                <select id="townName" name="townName" lay-verify="required" lay-filter="townName"  dict="1"></select>
                <input type="hidden" class="layui-input" id="town" name="town"  placeholder="请输入地址区编码">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址街道编码</label>
            <div class="layui-input-block">
                <select id="streetName" name="streetName" lay-verify="required" lay-filter="streetName"  dict="1"></select>
               <input type="hidden" class="layui-input" id="street" name="street"
                       placeholder="请输入地址街道编码">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址详情</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" id="addressDetail" name="addressDetail" lay-verify="required"
                       placeholder="请输入地址详情">
            </div>
        </div>
    

    在这里插入图片描述
    我这里地址是竖向显示的横向也一样,下面我们要通过js来控制他们的联动。
    首先要监听省的变化 代码如下所示

      form.on('select(provinceName)',function(data){
        if(data.value.length==0){
            $('#cityName').find('option').remove();
            $('#townName').find('option').remove();
            $('#streetName').find('option').remove();
            return;
        }else{
              $('#cityName').find('option').remove();
              $('#townName').find('option').remove();
              $('#streetName').find('option').remove();
            loadDic.loadCity("cityName","cityName",data.value);
        }
    })
    

    我这里是省有变化就清空所有的下级地址。
    当然省需要从后台读取:下面是访问接口的代码 ,当然你也可以自己定义方法

       //读取省级地址s
       loadProvince: function(formId,provinceId,keyValue){
            var body = layui.layer.getChildFrame('body');
                 var _this = (keyValue == null ? $('#'+formId):body.find("#"+formId));
            if (keyValue == null ){
                keyValue = $('#'+provinceId).val();
            }
            var dict = _this.attr("dict");
            //构建传输url
            HttpUtil.postHeader(HttpUrl.baseUrl+HttpUrl.listAddrass,{dicType:dict},function(data){
                console.log(data);
                if(data.code == 0 ){
                    console.log(data);
                    _this.append(`<option value = "">--请选择--</option>`);
                    for (var i=0; i<data.data.length; i++){
                        if(data.data[i].dicKey == keyValue){
                            _this.append(`<option value = "${data.data[i].dicKey}" selected>${data.data[i].dicValues}</option>`);
                        }else{
                            _this.append(`<option value = "${data.data[i].dicKey}" >${data.data[i].dicValues}</option>`);
                        }
                    }
                    form.render('select');
                }
            },false,window.sessionStorage.getItem("Authorization"));
        },
    

    比如说,你现在要联动市级id,那么formId就是你市级地址的Id,provicnceKey就是你省级地址的值。
    postHeader是我封装好的一个方法,可用于访问后台接口
    HttpUrl.baseUrl+HttpUrl.listAddrass这个是你要访问的接口地址
    联动市级级地址也是一样的,我这里就不一一赘述了,直接上代码

    //读取市级地址
            loadCity: function(formId,cityId,provinceKey,keyValue){
                var body = layui.layer.getChildFrame('body');
    
                var _this = (keyValue == null ? $('#'+formId):body.find("#"+formId));
    
                if (keyValue == null ){
                    keyValue = $('#'+cityId).val();
                }
                      //构建传输url
                HttpUtil.postHeader(HttpUrl.baseUrl+HttpUrl.listAddrass,{dicKey:provinceKey,flag:"2"},function(data){
                    console.log(data);
                    if(data.code == 0 ){
                        console.log(data);
                        _this.append(`<option value = "">--请选择--</option>`);
    
                        for (var i=0; i<data.data.length; i++){
                            if(data.data[i].dicKey == keyValue){
                                _this.append(`<option value = "${data.data[i].dicKey}" selected>${data.data[i].dicValues}</option>`);
                            }else{
                                _this.append(`<option value = "${data.data[i].dicKey}" >${data.data[i].dicValues}</option>`);
                            }
                        }
                        form.render('select');
                    }
                },false,window.sessionStorage.getItem("Authorization"));
            },
    

    读取区级地址

    //读取区级地址
            loadTown: function(formId,townId,cityKey,keyValue){
                var body = layui.layer.getChildFrame('body');
                var _this = (keyValue == null ? $('#'+formId):body.find("#"+formId));
                if (keyValue == null ){
                    keyValue = $('#'+townId).val();
                }
                HttpUtil.postHeader(HttpUrl.baseUrl+HttpUrl.listAddrass,{dicKey:cityKey,flag:"3"},function(data){
                    if(data.code == 0 ){
                        console.log(data);
                        _this.append(`<option value = "">--请选择--</option>`);
                        for (var i=0; i<data.data.length; i++){
                            if(data.data[i].dicKey == keyValue){
                                _this.append(`<option value = "${data.data[i].dicKey}" selected>${data.data[i].dicValues}</option>`);
                            }else{
                                _this.append(`<option value = "${data.data[i].dicKey}" >${data.data[i].dicValues}</option>`);
                            }
                        }
                        form.render('select');
                    }
                },false,window.sessionStorage.getItem("Authorization"));
            },
    

    读取街道地址

    //读取街道信息
            loadStreet: function(formId,streetId,townKey,keyValue){
                var body = layui.layer.getChildFrame('body');
                var _this = (keyValue == null ? $('#'+formId):body.find("#"+formId));
                if (keyValue == null ){
                    keyValue = $('#'+streetId).val();
                }
                //构建传输url
                HttpUtil.postHeader(HttpUrl.baseUrl+HttpUrl.listAddrass,{dicKey:townKey,flag:"4"},function(data){
                    console.log(data);
                    if(data.code == 0 ){
                        console.log(data);
                        _this.append(`<option value = "">--请选择--</option>`);
    
                        for (var i=0; i<data.data.length; i++){
                            if(data.data[i].dicKey == keyValue){
                                _this.append(`<option value = "${data.data[i].dicKey}" selected>${data.data[i].dicValues}</option>`);
                            }else{
                                _this.append(`<option value = "${data.data[i].dicKey}" >${data.data[i].dicValues}</option>`);
                            }
                        }
                        form.render('select');
                    }
                },false,window.sessionStorage.getItem("Authorization"));
            },
    

    其实都是大同小异,你也可以选择封装好一个方法,把自己想要的地址对应的参数穿进去即可,我这里没有封装,代码的重复性比较高,要是想封装的话,欢迎一起探讨。
    `

    展开全文
  • layui地址联动sql

    2019-10-14 17:19:58
    实现全国城市联动选择 layui+Thinkphp,layui的地址选择,地址sql语句
  • 使用Vue做的一个三级联动,带有已选地址展示删除等,选择过的地址背景色会发生变化,适用于初学者研究,主要是思维上的转变
  • Vue完成三级联动 地址联动

    千次阅读 2018-08-02 12:04:30
    Vue实现三级联动 Html部分:   &lt;div class="form-group"&gt;  &lt;div class="col-sm-2 control-label"&gt;省&lt;span style="color:red;"&gt;*...
  • 树形结构地址联动

    2019-11-02 15:44:00
    树形结构地址联动
  • 一个移动端的地址三级联动插件,省市区三级数据通过json数据维护
  • NULL 博文链接:https://hucj.iteye.com/blog/2227954
  • 仿淘宝地址四级联动
  • 各国地址地区,全球地址三级联动 省洲-城市-国家-地区-包-master.zip
  • 三级联动地址

    2018-08-31 12:06:34
    三级联动地址
  • data() { return { options2: [{ label: '江苏', cities: [{label:'南京'},{label:'a'},{label:'b'}] }, { label: '浙江', cities: [{label:'杭州'}] }], ...
  • 自己写的一个世界地址联动插件,里面加入了最新地址数据,使用简单。ajax载入及赋值。
  • 树形结构地址联动,除了input的样式在不同浏览器存在差异,其余兼容各版本浏览器
  • js地址联动

    2016-02-29 17:58:42
    1.ionic日期插件主要适用于ionic项目开发中日期选择 2.ionic时间选择插件适合于ionic项目开发中的时间选择
  • 地址四级联动选择器

    2018-03-28 16:24:08
    地址四级联动选择器,纯代码,放在对应的文件夹就可以了
  • 三级联动地址数据

    2016-08-17 17:31:20
    淘宝的地址选择是三级联动的一个非常经典的案例,本文件为js文件,里面将省、市、县(无街道)的数据信息存储在一个json对象中 (本文件至包括地址的数据信息,并不包括三级联动的实现) 要想知道怎么实现,可见本人...
  • listview实现简单三级地址联动选择器
  • } that.setData({ "cityArray[1]": list1,//重新赋值中列数组,即联动了市 "cityArray[2]": list2,//重新赋值右列数组,即联动了区 citysIndex: citysIndex,//更新索引 ssq: ssq,//获取选中的省市区 }); }, /** * ...
  • vue-address-aync是一个异步的多级地址联动select组件。select元素可以通过异步接口获取数据之后,实现多级联动,因此它不单单可用于多级的地址选择,还可以支持其他的异步多级select联动。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,558
精华内容 9,423
关键字:

地址联动