精华内容
下载资源
问答
  • 中国地区选择

    2014-02-16 13:51:49
    怪我粗心大意,在网上随便找了个xml,结果发现里面没有香港,澳门,台湾,钓鱼岛,于是我粗略的加进去了(因为这些很多地区我不太了解),大家见谅,如果大家发现我有没补充完的可以在raw里的address文件夹里直接...
  • android地区选择组件

    2014-04-03 11:16:58
    类似微信选择地区组件,详情参考博客: http://blog.csdn.net/pkxutao/article/details/22854257
  • 国家或地区的国际拨号代码选择器视图国家或地区国际区号选择器 特性/特点 1.自定义确定按钮背景颜色。 2.自定义确定按钮标题。 3.支持多种地区名称显示格式:根据当前地区本地化所有地区名称/根据地区自身本地化...
  • 在操作地区数据时,以前也用过树形的地区选择组件,但因其在再操作大量的地区数据时,渲染缓慢,所以我们就换了另一种数据展示形式和交互形式,从而就有了这个组件。 注意:该组件是 vue.js 组件 demo 抢鲜体验...
  • 省、市、地区联动选择JS封装类)改造成默认第一项都是请选择,比如选择省份后加载出来默认第一项为请选择城市,选择城市后默认加载出来第一项为请选择地区 这样可以每次选择列表都有包含个默认请选择的项。 示例:...
  • vue地区选择组件

    2018-04-29 01:03:39
    在操作地区数据时,以前也用过树形的地区选择组件,但因其在再操作大量的地区数据时,渲染缓慢,所以我们就换了另一种数据展示形式和交互形式,从而就有了这个组件。 注意:该组件是vue.js组件 demo 抢鲜体验...

    AddressMap

    a vue.js component

    概述

    主要用于全国地区数据的操作,包括省,市,区三级联动,地区数据的添加和删除; 在操作地区数据时,以前也用过树形的地区选择组件,但因其在再操作大量的地区数据时,渲染缓慢,所以我们就换了另一种数据展示形式和交互形式,从而就有了这个组件。

    注意:该组件是vue.js组件

    demo

    抢鲜体验请点击这里demo

    API

    Props

    参数 类型 说明
    area Array 传入组件的地区的数据

    Events

    事件名 参数 说明
    selected area 组件中选中的地区

    详细说明

    Props

    area

    area 参数是必选项,表示组件初始化时的地区数据,可以为空。 area 是一个包含多个对象的数组,其中每个对象的数据结构如下:

    ...
    area: [
        {Name: '北京',  ID: '01'},
        {Name: '南京', ID: '0401'},
        {Name: '西湖区', ID: '060105'}
    ],
    ...
    复制代码

    因为后来在实际的使用中,发现有时候,后台只会返回一个地区的ID值,所以这里做了优化,可以只传入ID的值,比如这样:

    ...
    area: [
        {ID: '01'},
        {ID: '0401'},
        {ID: '060105'}
    ],
    ...
    复制代码

    selected

    selected是由组件内部发布的一个事件,你可以在组件外面订阅这个事件,从而得到它返回的值,这个值就是组件当前选中的所有的地区,返回的这个值是由多个包含地区数据的对象组成的数组,数据结构和 area参数一样

    简单的例子

    <div>
         <addressmap :area="area" @selected="selected"></addressmap>
    </div>
    复制代码

    安装和使用

    npm install adc-addressmap
    复制代码
    • 若作为全局组件使用
    //在项目入口文件
    import Vue from 'vue'
    import Addressmap from 'adc-addressmap'
    Vue.component('Addressmap', Addressmap)
    复制代码
    • 若作为局部组件
    //在某个组件中
    import Addressmap from 'adc-addressmap'
    export default {
    ...
      components: { Addressmap},
    ...
    }
    复制代码

    该组件后续功能的预告

    • 结合百度的ECharts增加数据可视化的功能

    最后欢迎Star

    github地址

    转载于:https://juejin.im/post/5ae519706fb9a07abd0d6c52

    展开全文
  • 微信小程序自带了时间选择器、日期选择器,但是没有地区选择器。 (此图片来源于网络,如有侵权,联系删除! )于是只能撸代码撸了一个出来展现方式 有两种方式可以选择: picker 普通选择器方式(分成三个选项) ...
  • 模仿京东商城城市地区Tab页面联动选择。 若有好的建议,告知,谢谢。
  • iOS开发 地区选择

    2016-08-08 11:44:19
    本项目为地区筛选的demo,使用了本地保存,类扩展,block传值等,纯属为了共同学习,共同进步。(免积分,有用的话,好评)欢迎指正和交流
  • jQuery地区树型菜单选择插件(梅花雪),梅花雪基于jQuery 的树型地区菜单选择插件(全国三级省市县地区),以及一个带复选框、支持层级的自定义表格,看上去很强大,特别是学习jQuery的朋友相当有用,本代码是从一...
  • 快速索引选择地区

    2016-10-26 14:34:05
    此demo结合教程所用,主要实现在RecyclerView中进行数据分组已经结合快速索引功能,如果想要直接用,需要自行添加响应事件等。详情看: http://blog.csdn.net/a1533588867/article/details/52933145
  • .net 地区选择下拉框

    2015-11-25 15:25:16
    前台~/Controls/Region.ascx" TagName="Region" TagPrefix="uc1" %>需要的地方加上 请选择--" /> </Cont

    前台

    <%@ Register Src="~/Controls/Region.ascx" TagName="Region" TagPrefix="uc1" %>

    需要的地方加上

       <ContentTemplate>
     <uc1:Region ID="RegionID" runat="server" VisibleAll="true" VisibleAllText="--请选择--" />
    </ContentTemplate>

    C#代码:获得regio RegionId = new int?(this.RegionID.Region_iID);Region.ascx源码

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Region.ascx.cs" Inherits="Maticsoft.Web.Controls.Region" %>
    <asp:DropDownList ID="ddlProvince" runat="server" 
        onselectedindexchanged="ddlProvince_SelectedIndexChanged" AutoPostBack="true">
    </asp:DropDownList>
    <asp:DropDownList ID="ddlCity" runat="server" 
        onselectedindexchanged="ddlCity_SelectedIndexChanged" AutoPostBack="true">
    </asp:DropDownList>
    <asp:DropDownList ID="ddlArea" runat="server" 
        onselectedindexchanged="ddlArea_SelectedIndexChanged" AutoPostBack="false">
    </asp:DropDownList>

    Region.ascx.cs源码

    namespace Maticsoft.Web.Controls
    {
        using Maticsoft.BLL.Ms;
        using Maticsoft.BLL.SysManage;
        using Maticsoft.Common;
        using Maticsoft.Model.Ms;
        using Maticsoft.Model.SysManage;
        using System;
        using System.Data;
        using System.Runtime.CompilerServices;
        using System.Threading;
        using System.Web.UI;
        using System.Web.UI.WebControls;
    
        public class Region : UserControl
        {
            private bool _autobinddata = true;
            private bool _visibleall;
            private string _visiblealltext = "全部";
            private Maticsoft.BLL.Ms.Regions bll = new Maticsoft.BLL.Ms.Regions();
            protected DropDownList ddlArea;
            protected DropDownList ddlCity;
            protected DropDownList ddlProvince;
    
            public event userEventArea DeptSelectedIndexChanged;
    
            private void BindArea(int City_iID)
            {
                try
                {
                    this.ddlArea.DataSource = this.bll.GetDistrictByParentId(City_iID);
                    this.ddlArea.DataTextField = "RegionName";
                    this.ddlArea.DataValueField = "RegionId";
                    this.ddlArea.DataBind();
                    if (this._visibleall)
                    {
                        this.ddlArea.Items.Insert(0, new ListItem(this._visiblealltext, "0"));
                        this.ddlArea.SelectedValue = "0";
                    }
                }
                catch (Exception exception)
                {
                    Maticsoft.Model.SysManage.ErrorLog model = new Maticsoft.Model.SysManage.ErrorLog {
                        Loginfo = exception.Message,
                        StackTrace = exception.StackTrace,
                        Url = base.Request.Url.AbsoluteUri
                    };
                    Maticsoft.BLL.SysManage.ErrorLog.Add(model);
                }
            }
    
            private void BindCity(int ParentId)
            {
                try
                {
                    this.ddlCity.DataSource = this.bll.GetDistrictByParentId(ParentId);
                    this.ddlCity.DataTextField = "RegionName";
                    this.ddlCity.DataValueField = "RegionId";
                    this.ddlCity.DataBind();
                    if (this._visibleall)
                    {
                        this.ddlCity.Items.Insert(0, new ListItem(this._visiblealltext, "0"));
                        this.ddlCity.SelectedValue = "0";
                    }
                }
                catch (Exception exception)
                {
                    Maticsoft.Model.SysManage.ErrorLog model = new Maticsoft.Model.SysManage.ErrorLog {
                        Loginfo = exception.Message,
                        StackTrace = exception.StackTrace,
                        Url = base.Request.Url.AbsoluteUri
                    };
                    Maticsoft.BLL.SysManage.ErrorLog.Add(model);
                }
            }
    
            protected void BindPrivoces()
            {
                try
                {
                    DataSet privoces = this.bll.GetPrivoces();
                    this.ddlProvince.DataSource = privoces;
                    this.ddlProvince.DataTextField = "RegionName";
                    this.ddlProvince.DataValueField = "RegionId";
                    this.ddlProvince.DataBind();
                    if (this._visibleall)
                    {
                        this.ddlProvince.Items.Insert(0, new ListItem(this._visiblealltext, "0"));
                        this.ddlProvince.SelectedValue = "0";
                    }
                }
                catch (Exception exception)
                {
                    Maticsoft.Model.SysManage.ErrorLog model = new Maticsoft.Model.SysManage.ErrorLog {
                        Loginfo = exception.Message,
                        StackTrace = exception.StackTrace,
                        Url = base.Request.Url.AbsoluteUri
                    };
                    Maticsoft.BLL.SysManage.ErrorLog.Add(model);
                }
            }
    
            protected void ddlArea_SelectedIndexChanged(object sender, EventArgs e)
            {
                if (this.DeptSelectedIndexChanged != null)
                {
                    this.DeptSelectedIndexChanged(this, e);
                }
            }
    
            protected void ddlCity_SelectedIndexChanged(object sender, EventArgs e)
            {
                if (this.ddlCity.SelectedItem != null)
                {
                    this.ddlArea.Items.Clear();
                    int num = Convert.ToInt32(this.ddlCity.SelectedValue);
                    this.BindArea(num);
                    this.ddlArea_SelectedIndexChanged(null, null);
                }
            }
    
            protected void ddlProvince_SelectedIndexChanged(object sender, EventArgs e)
            {
                if (this.ddlProvince.SelectedItem != null)
                {
                    this.ddlCity.Items.Clear();
                    this.ddlArea.Items.Clear();
                    int parentId = Convert.ToInt32(this.ddlProvince.SelectedValue);
                    this.BindCity(parentId);
                    this.ddlCity_SelectedIndexChanged(null, null);
                }
            }
    
            private void GetCityByArea(int id)
            {
                Maticsoft.Model.Ms.Regions model = this.bll.GetModel(id);
                if (model != null)
                {
                    this.City_iID = Convert.ToInt32(model.ParentId);
                }
            }
    
            private void GetProvinceByCity(int id)
            {
                Maticsoft.Model.Ms.Regions model = this.bll.GetModel(id);
                if (model != null)
                {
                    this.Province_iID = Convert.ToInt32(model.ParentId);
                }
            }
    
            public void Page_Load(object sender, EventArgs e)
            {
                if (!base.IsPostBack && this._autobinddata)
                {
                    if (this.Area_iID != -1)
                    {
                        this.GetCityByArea(this.Area_iID);
                        this.GetProvinceByCity(this.City_iID);
                    }
                    else
                    {
                        this.BindPrivoces();
                        if (this.ddlProvince.Items.Count > 0)
                        {
                            int parentId = Convert.ToInt32(this.ddlProvince.Items[0].Value);
                            this.BindCity(parentId);
                        }
                        if (this.ddlCity.Items.Count > 0)
                        {
                            int num2 = Convert.ToInt32(this.ddlCity.Items[0].Value);
                            this.BindArea(num2);
                        }
                    }
                }
            }
    
            public int Area_iID
            {
                get
                {
                    if ((this.ddlArea.SelectedItem != null) && (this.ddlArea.SelectedValue.Length > 0))
                    {
                        return Convert.ToInt32(this.ddlArea.SelectedValue);
                    }
                    return this.City_iID;
                }
                set
                {
                    Maticsoft.Model.Ms.Regions modelByCache = this.bll.GetModelByCache(value);
                    if ((modelByCache != null) && modelByCache.ParentId.HasValue)
                    {
                        Maticsoft.Model.Ms.Regions regions2 = this.bll.GetModelByCache(modelByCache.ParentId.Value);
                        if (regions2 != null)
                        {
                            this.BindPrivoces();
                            this.ddlProvince.SelectedValue = regions2.ParentId.ToString();
                            if (regions2.ParentId > 0)
                            {
                                this.BindCity(regions2.ParentId.Value);
                                this.ddlCity.SelectedValue = regions2.RegionId.ToString();
                            }
                            if (regions2.RegionId > 0)
                            {
                                this.BindArea(regions2.RegionId);
                                this.ddlArea.SelectedValue = value.ToString();
                            }
                        }
                    }
                }
            }
    
            public bool AreaEnabled
            {
                set
                {
                    this.ddlArea.Enabled = value;
                }
            }
    
            public bool AreaVisible
            {
                set
                {
                    this.ddlArea.Visible = value;
                }
            }
    
            public bool AutoBindData
            {
                set
                {
                    this._autobinddata = value;
                }
            }
    
            public bool AutoPostBackArea
            {
                set
                {
                    this.ddlArea.AutoPostBack = value;
                }
            }
    
            public int City_iID
            {
                get
                {
                    if ((this.ddlCity.SelectedItem != null) && (this.ddlCity.SelectedValue.Length > 0))
                    {
                        return Convert.ToInt32(this.ddlCity.SelectedValue);
                    }
                    return -1;
                }
                set
                {
                    Maticsoft.Model.Ms.Regions model = this.bll.GetModel(value);
                    if (model != null)
                    {
                        this.BindPrivoces();
                        this.ddlProvince.SelectedValue = model.ParentId.ToString();
                        if (model.ParentId > 0)
                        {
                            this.BindCity(model.ParentId.Value);
                            this.ddlCity.SelectedValue = value.ToString();
                        }
                    }
                }
            }
    
            public bool CityEnabled
            {
                set
                {
                    this.ddlCity.Enabled = value;
                }
            }
    
            public bool CityVisible
            {
                set
                {
                    this.ddlCity.Visible = value;
                }
            }
    
            public int Province_iID
            {
                get
                {
                    if ((this.ddlProvince.SelectedItem != null) && (this.ddlProvince.SelectedValue.Length > 0))
                    {
                        return Convert.ToInt32(this.ddlProvince.SelectedValue);
                    }
                    return -1;
                }
                set
                {
                    if (this.ddlProvince.Items.Count > 0)
                    {
                        this.ddlProvince.SelectedValue = value.ToString();
                    }
                }
            }
    
            public bool ProvinceEnabled
            {
                set
                {
                    this.ddlProvince.Enabled = value;
                }
            }
    
            public bool ProvinceVisible
            {
                set
                {
                    this.ddlProvince.Visible = value;
                }
            }
    
            public int Region_iID
            {
                get
                {
                    if ((this.ddlArea.SelectedItem != null) && (this.ddlArea.SelectedValue.Length > 0))
                    {
                        int num = Globals.SafeInt(this.ddlArea.SelectedValue, 0);
                        if (num > 0)
                        {
                            return num;
                        }
                    }
                    if ((this.ddlCity.SelectedItem != null) && (this.ddlCity.SelectedValue.Length > 0))
                    {
                        int num2 = Globals.SafeInt(this.ddlCity.SelectedValue, 0);
                        if (num2 > 0)
                        {
                            return num2;
                        }
                    }
                    return this.Province_iID;
                }
                set
                {
                    Maticsoft.Model.Ms.Regions modelByCache = this.bll.GetModelByCache(value);
                    if (modelByCache != null)
                    {
                        switch (modelByCache.Depth)
                        {
                            case 1:
                                this.BindPrivoces();
                                if (this.ddlProvince.Items.Count > 0)
                                {
                                    int parentId = Convert.ToInt32(modelByCache.RegionId);
                                    this.BindCity(parentId);
                                }
                                if (this.ddlCity.Items.Count > 0)
                                {
                                    int num2 = Convert.ToInt32(this.ddlCity.Items[0].Value);
                                    this.BindArea(num2);
                                }
                                this.ddlProvince.SelectedValue = modelByCache.RegionId.ToString();
                                return;
    
                            case 2:
                                this.BindPrivoces();
                                if (this.ddlProvince.Items.Count > 0)
                                {
                                    this.ddlProvince.SelectedValue = modelByCache.ParentId.Value.ToString();
                                    this.BindCity(modelByCache.ParentId.Value);
                                }
                                if (this.ddlCity.Items.Count > 0)
                                {
                                    this.BindArea(modelByCache.RegionId);
                                }
                                this.ddlCity.SelectedValue = modelByCache.RegionId.ToString();
                                return;
    
                            case 3:
                            case 4:
                            {
                                string cityId = (modelByCache.Path.Split(','))[2];
                                Maticsoft.Model.Ms.Regions regions2 = this.bll.GetModelByCache(int.Parse(cityId));
                                //Maticsoft.Model.Ms.Regions regions2 = this.bll.GetModelByCache(modelByCache.ParentId.Value);
                                if ((regions2 != null) && regions2.ParentId.HasValue)
                                {
                                    this.BindPrivoces();
                                    if (this.ddlProvince.Items.Count > 0)
                                    {
                                        this.ddlProvince.SelectedValue = regions2.ParentId.Value.ToString();
                                        this.BindCity(regions2.ParentId.Value);
                                    }
                                    if (this.ddlCity.Items.Count > 0)
                                    {
                                        this.ddlCity.SelectedValue = regions2.RegionId.ToString();
                                        this.BindArea(regions2.RegionId);
                                    }
                                    if (modelByCache.Depth == 3)
                                        this.ddlArea.SelectedValue = modelByCache.RegionId.ToString();
                                    else
                                        this.ddlArea.SelectedValue = (modelByCache.Path.Split(','))[3];
                                    return;
                                }
                                return;
                            }
                        }
                    }
                }
            }
    
            public bool VisibleAll
            {
                set
                {
                    this._visibleall = value;
                }
            }
    
            public string VisibleAllText
            {
                set
                {
                    this._visiblealltext = value;
                }
            }
    
            public delegate void userEventArea(object sender, EventArgs arg);
        }
    }
    展开全文
  • 一开始接触ASP.NET就发现博客园绝对是一个学习ASP.NET的天堂,这里高手很多,文章也写得很精彩,可以说,我的.Net进步与每天...应用需求:选择一个省的地区地区要求多选,选择后返回地区ID和地区名字,单击后在“...

    一开始接触ASP.NET就发现博客园绝对是一个学习ASP.NET的天堂,这里高手很多,文章也写得很精彩,可以说,我的.Net进步与每天看园子里的文章有着很大的关系,好长时间前也在园子里开了自己的博客,但苦于最近项目比较紧,一直还没开始写博客,今天拿自己项目中的一个应用,请高手指点一下,我下面设计的这个控件是否可行

    应用需求:选择一个省的地区,地区要求多选,选择后返回地区ID和地区名字,单击后在“选择区”显示已经选择的地区,并且选择区可重新勾选

    接到需求后,感觉从网上DOWN代码,DOWN也不一定好用,再说,DOWN下来还得自己改,还不如自己写的快,还是自己动手写吧,也练练自己的技术。看了一下网上使用的一些效果,大体效果和中华英才网的地区选择差不多,以下说说自己的设计

    开发环境:基于已经建好的母版页,并且母版页中已经有了UpdatePanel,也就是说我的控件拖出来以后,也就成了无刷新的了,并且后台页中Response.write();方法不支持了,只能使用ScriptManager.RegisterClientScriptBlock();方法在前台写脚本

    控件需求:DropDownList,DataList

    设计思想:DropDownList下拉,在DataList中绑定相应的数据,DataList模板中使用<input type="checkbox" ID=""/>,不使用服务器端的控件的主要原因是,我这个是基于母版页建的,如果使用服务器端的,那么它的ID会很长(是不是一种设置方法能让前台页面中生成的ID不加形如:ct100_ContentPlaceHolder1_xx的方法,我现在还不知道,如果哪位高手知道,请给我回复一下),而且每次单击checkbox,我都需要从客户端动态显示已经选择的“地区”,由于网络的原因,我是不可能让他回发的,单击时我也要记录单击checkbox的ID、名字

     

    未完待序

    转载于:https://www.cnblogs.com/zhaohuan/archive/2008/09/12/1289563.html

    展开全文
  • 内容索引:脚本资源,jQuery,TreeView,树形菜单 梅花雪基于jQuery 的树型地区菜单选择插件,以及一个带复选框、支持层级的自定义表格,看上去很强大,特别是学习jQuery的朋友相当有用,本代码是源码爱好者从一个...
  • 省城市地区选择

    2013-04-25 09:47:49
    // // // 省份: // // // // -请选择- // 北京 // 江苏省 // 浙江省 // 广东省 // // // // ...
    //<tr>
    // <td align="right">
    // <label>省份:</label>
    // </td>
    // <td>
    // <select name="owner.provId" id="provIdSelect" οnchange="province_change(this.value)">
    // <option value="">-请选择-</option>
    // <option value="100">北京</option>
    // <option value="200">江苏省</option>
    // <option value="300">浙江省</option>
    // <option value="400">广东省</option>
    // </select>
    // <input type="hidden" value="" maxlength="80" id="_provIddefault">
    // <i>
    // <font color="red">*</font>
    // </i>
    // </td>
    // </tr>
    // <tr>
    // <td align="right">
    // <label>城市:</label>
    // </td>
    // <td>
    // <select class="valid" name="owner.cityId" id="cityIdSelect" οnchange="city_change(this.value)">
    // <option value="">-请选择-</option>
    // </select>
    // <input type="hidden" value="" maxlength="80" id="_cityIddefault">
    // <i>
    // <font color="red">*</font>
    // </i>
    // </td>
    // </tr>
    // <tr>
    // <td align="right">
    // <label>区:</label>
    // </td>
    // <td>
    // <select class="valid" name="owner.areaId" id="areaIdSelect">
    // <option value="">-请选择-</option>
    // </select>
    // <input type="hidden" value="" maxlength="80" id="_areaIddefault">
    // <i>
    // <font color="red">*</font>
    // </i>
    // </td>
    // </tr>
    //区列表
    var areaList={
    "v1001":[['10011',"dd1",true],['10012',"ww1"],['10013',"rr1"]],
    "v1002":[['10021',"daad1",true],['10022',"waaw1"],['10023',"raar1"]],
    "v2001":[["20011","鼓楼区",true],["20012","白下区"],["20013","浦口区"]],
    "v2002":[["20021","锡山东区",true],["20022","锡山西区"],["20023","锡山北区"]],
    "v2003":[["20031","兴化市",true],["20032","泰兴区"],["20033","大邹区"]],
    "v3001":[["30011","杭州东区",true],["30012","杭州南区"],["30013","杭州西区"]],
    "v3002":[["30021","嘉善区",true],["30022","主城区"],["30023","嘉兴大区"]],
    "v3003":[["30031","嘉善区",true],["30032","主城区"],["30033","嘉兴大区"]],
    "v4001":[["40011","海珠区",true],["40012","天河区"],["40013","番禺区"],["40014","花都区"]],
    "v4002":[["40021","南山区",true],["40022","福田"],["40023","罗湖"],["40024","盐田"],["40025","宝安"],["40026","龙岗"],["40027","光明"],["40027","公明"]]
    };

    //市列表
    var cityList={
    "v100":[['1001',"北京东城区",true],['1002',"北京西城区"]],
    "v200":[['2001',"南京市" ,true],['2002',"无锡市" ],['2003',"泰州市" ]],
    "v300":[['3001',"杭州市" ,true],['3002',"嘉兴市" ]],
    "v400":[['4001',"广州市" ,true],['4002',"深圳市" ]]
    };

    //省列表
    var province = [{"100":"北京","200":"江苏省","300":"浙江省","400":"广东省"}] ;

    function initSelect(options){
    var provId = options["provId"];
    var cityId = options["cityId"];
    var areaId = options["areaId"];
    provinceInit(provId);
    cityInit(provId,cityId);
    areaInit(provId,cityId,areaId);
    }

    //初始化省
    function provinceInit(provId){
    var provElement = document.getElementById("provIdSelect");
    for (var j in province){
    for (var key in province[j]){
    option = new Option(province[j][key],key);
    option.selected = (provId == key);
    provElement.add(option);
    }
    }
    }

    //初始化市
    function cityInit(provId,cityId){
    var cityElement = document.getElementById("cityIdSelect");
    var options = cityList["v"+provId] || {} ;
    for(var j in options){
    option = new Option(options[j][1],options[j][0]);
    option.selected = (cityId == options[j][0]);
    cityElement.add(option);
    }
    }

    //初始化区
    function areaInit(provId,cityId,areaId){
    var areaElement = document.getElementById("areaIdSelect");
    var cityoptions = cityList["v"+provId] || {} ;

    for(var j in cityoptions){
    if(cityoptions[j][0] == cityId ){
    var options = areaList["v"+cityId] || {} ;
    for(var j in options){
    option = new Option(options[j][1],options[j][0]);
    option.selected = (areaId == options[j][0]);
    areaElement.add(option);
    }
    }
    }
    }

    //组装province
    function assembleProvinceOptions(){

    for (var j in province){
    for (var key in province[j]){
    option = new Option(province[j][key],key);
    option.selected = (provId == key);
    provElement.add(option);
    }
    }
    }

    //选择省事件
    function province_change(v){
    var cityElement = document.getElementById("cityIdSelect");
    cityElement.innerHTML = "";
    if(v!=""){
    var citys = cityList["v"+v];
    for (var i=0; i<citys.length; i++)
    {
    option = new Option(citys[i][1],citys[i][0]);
    if(citys[i].length==3&&citys[i][3]==true){
    option.selected = true;
    }
    cityElement.add(option);
    }
    } else {
    option = new Option("-请选择-","");
    cityElement.add(option);
    }

    city_change(cityElement.value);
    }

    //选择市事件
    function city_change(v){
    window.console.log(v);
    var areaElement = document.getElementById("areaIdSelect");
    areaElement.innerHTML = "";
    if(v!=""){
    var areas = areaList["v"+v];
    for (var i=0 ;i<areas.length; i++){
    option = new Option(areas[i][1],areas[i][0]);
    if(areas[i].length==3&&areas[i][3]==true){
    option.selected = true;
    }
    areaElement.add(option);
    }
    } else {
    option = new Option("-请选择-","");
    areaElement.add(option);
    }

    }
    展开全文
  • 选择地区" :value="valueArea" placeholder="请选择所在地区" @click="bindShow" /> <!--选择省市区--> <van-popup v-model="showArea" position="bottom" :style="{ height: '40%' }
  • 今天试用了选择器. 上gif: (此图片来源于网络,如有侵权,联系删除! ) 上代码: 1.index.js //index.js //获取应用实例 var app = getApp() Page({ data: { date: '2016-11-08', time: '12:00', array: ['中国', '...
  • jQuery+div实现级联省份-城市查询,该实例包含jsp+js+css,所有代码为本人亲自编写,如有疑问联系本人
  • 模仿京东选择地址,划分省份、城市、区和县,顶部三个按钮显示所选信息,且点击按钮可以随意跳转选择页面,第一次分享代码,不足的指出,谢谢大家。
  • 一个简单,可自定义的国家/地区选择器,用于选择国家或地区代码。 该库是供许多应用程序中用于选择用户国家代码的国家/地区选择器使用的。 用户可以通过搜索然后在列表中选择国家来选择国家。 如果您喜欢...
  • ios-地区选择器.zip

    2019-07-11 18:56:42
    超级简单实用 方法: XFAreaPickerView *areaPicker = [[XFAreaPickerView alloc]initWithDelegate:self]; areaPicker.isHidden = NO...有疑问联系qq:304792845 地址:https://github.com/levenwhf/XFAreaPicker
  • 如何实现三级联动选择,且如何没有三级时,只...visible"label="请选择要添加的常用登录地"style="margin-bottom: 0;"required>style="width: 120px":value="form.selectResult[0]"@change="handleChinaChange"pl...
  • 2018年5月25号 直接上代码 <div id="area_box"> <select data-am-selected="{maxHeight:200,btnWidth:'120px'}" placeholder="请选择省" id="province"> ...
  • 适合包邮地区的 省市选择 jquery插件

    千次阅读 2019-05-07 16:33:15
    省市数据来源于互联网,数据不对及时告知,谢谢! 一、插件注意: 1.插件用了es6的箭头函数,只适用于高级浏览器,可自行webpack结合babel打包一下。... * 适合包邮地区的 省市选择插件. * * @author zyddj123 ...
  • 省:<select style="width: 100px;...请选择</option> </select> 市:<select style="width: 100px;" id="city" onchange="chg2(this)" ;></select> 区:<select style="w
  • 由于之前的[js开源组件开发]js手机联动选择地区仿ios 开源git很受欢迎,于是我又对其进行了一些优化,包括可选的范围变大了,添加了默认空首地址的功能,也添加了更多api参数,首先我们先来看下这次的效果图. ...
  • 点击下载百度云链接: 链接: https://pan.baidu.com/s/1plVmdJT2O4fLJokyJDQA2g 密码: aqt2 转载于:https://www.cnblogs.com/feixiablog/p/9626611.html
  • address_picker 一个新的Flutter软件包项目。 入门 该项目是Dart的起点,Dart是一个库模块,其中包含... 要获得Flutter入门方面的帮助,查看我们的,其中提供了教程,示例,有关移动开发的指南以及完整的API参考。
  • 一个用于iOS的国家/地区选择器,tvOS ad watchOS,您只能在许多不同的国家/地区选择器实现中找到这些功能。 特征 使用即时输入的搜索栏过滤国家/地区-输入名称或国家/地区代码 使用右侧的索引栏快速找到国家 通过...
  • //pc[0]= new Array("请选择省份名","请选择城市名"); pc[1] = new Array("北京","|东城|西城|崇文|宣武|朝阳|丰台|石景山|海淀|门头沟|房山|通州|顺义|昌平|大兴|平谷|怀柔|密云|延庆"); pc[2] = n

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 994
精华内容 397
关键字:

地区请选择地区