<SCRIPT language="JavaScript">
var nowPro="--请选择--";
var nowCity="--请选择--";
var pro_City=new Array();
var province='--请选择--,北京市,天津市,河北省,山西省,内蒙古自治区,辽宁省,吉林省,黑龙江省,上海市,江苏省,浙江省,安徽省,福建省,江西省,山东省,河南省,湖北省,湖南省,广东省,广西自治区,海南省,重庆市,四川省,贵州省,云南省,西藏自治区,陕西省,甘肃省,青海省,宁夏自治区,新疆自治区,香港特别行政区,澳门特别行政区,台湾,其它';
pro_City[0]='--请选择--';
pro_City[1]='北京市';
pro_City[2]='天津市';
pro_City[3]='河北省,石家庄市,唐山市,秦皇岛市,邯郸市,邢台市,保定市,张家口市,承德市,沧州市,廊坊市,衡水市';
pro_City[4]='山西省,太原市,大同市,阳泉市,长治市,晋城市,朔州市,晋中市,运城市,忻州市,临汾市,吕梁市';
pro_City[5]='内蒙古自治区,呼和浩特市,包头市,乌海市,赤峰市,通辽市,鄂尔多斯市,呼伦贝尔市,巴彦淖尔市,乌兰察布市,锡林浩特市,乌兰浩特市';
pro_City[6]='辽宁省,沈阳市,大连市,鞍山市,抚顺市,本溪市,丹东市,锦州市,葫芦岛市,营口市,盘锦市,阜新市,辽阳县,铁岭县,朝阳市';
pro_City[7]='吉林省,长春市,吉林市,四平市,辽源市,通化县,白山市,松原市,白城市,延吉市';
pro_City[8]='黑龙江省,哈尔滨市,齐齐哈尔市,鹤岗市,双鸭山市,鸡西市,大庆市,伊春市,牡丹江市,佳木斯市,七台河市,黑河市,绥化市';
pro_City[9]='上海市';
pro_City[10]='江苏省,南京市,无锡市,徐州市,常州市,苏州市,南通市,连云港市,淮安市,盐城市,扬州市,镇江市,泰州市,宿迁市';
pro_City[11]='浙江省,杭州市,宁波市,温州市,嘉兴市,湖州市,绍兴市,金华市,衢州市,舟山市,台州市,丽水市';
pro_City[12]='安徽省,合肥市,芜湖市,蚌埠市,淮南市,马鞍山市,淮北市,铜陵市,安庆市,黄山市,滁州市,阜阳市,宿州市,巢湖市,六安市,亳州市,池州市,宣城市';
pro_City[13]='福建省,福州市,厦门市,莆田市,三明市,泉州市,漳州市,南平市,龙岩市,宁德市';
pro_City[14]='江西省,南昌市,景德镇市,萍乡市,新余市,九江市,鹰潭市,赣州市,吉安市,宜春市,抚州市,上饶县';
pro_City[15]='山东省,济南市,青岛市,淄博市,枣庄市,东营市,潍坊市,烟台市,威海市,济宁市,泰安市,日照市,莱芜市,德州市,临沂市,聊城市,滨州市,菏泽市';
pro_City[16]='河南省,郑州市,开封市,洛阳市,平顶山市,焦作市,鹤壁市,新乡市,安阳市,濮阳市,许昌市,漯河市,三门峡市,南阳市,商丘市,信阳市,周口市,驻马店市,济源市';
pro_City[17]='湖北省,武汉市,黄石市,襄樊市,十堰市,荆州市,宜昌市,荆门市,鄂州市,孝感市,黄冈县,咸宁市,随州市,恩施市,仙桃市,天门市,潜江市';
pro_City[18]='湖南省,长沙市,株洲市,湘潭市,衡阳市,邵阳市,岳阳市,常德市,张家界,益阳市,郴州市,永州市,怀化市,娄底市,吉首市';
pro_City[19]='广东省,广州市,深圳市,珠海市,汕头市,韶关市,佛山市,江门市,湛江市,茂名市,肇庆市,惠州市,梅州市,汕尾市,河源市,阳江市,清远市,东莞市,中山市,潮州市,揭阳市,云浮市';
pro_City[20]='广西自治区,南宁市,柳州市,桂林市,梧州市,北海市,防城港市,钦州市,贵港市,玉林市,百色市,贺州市,河池市,来宾市,崇左市';
pro_City[21]='海南省,海口市,三亚市';
pro_City[22]='重庆市';
pro_City[23]='四川省,成都市,自贡市,攀枝花市,泸州市,德阳市,绵阳市,广元市,遂宁市,内江市,乐山市,南充市,宜宾市,广安市,达州市,眉山市,雅安市,巴中市,资阳市,西昌市';
pro_City[24]='贵州省,贵阳市,六盘水市,遵义市,安顺市,铜仁市,毕节市,兴义市,凯里市,都匀市';
pro_City[25]='云南省,昆明市,曲靖市,玉溪市,保山市,昭通市,丽江市,思茅市,临沧市,景洪市,楚雄市,大理市,潞西市';
pro_City[26]='西藏自治区,拉萨市,日喀则市';
pro_City[27]='陕西省,西安市,铜川市,宝鸡市,咸阳市,渭南市,延安市,汉中市,榆林市,安康市,商洛市';
pro_City[28]='甘肃省,兰州市,金昌市,白银市,天水市,嘉峪关市,武威市,张掖市,平凉市,酒泉市,庆阳市,定西市,陇南市,临夏市,合作市';
pro_City[29]='青海省,西宁市,德令哈市,格尔木市';
pro_City[30]='宁夏自治区,银川市,石嘴山市,吴忠市,固原市,中卫市';
pro_City[31]='新疆自治区,乌鲁木齐市,克拉玛依市,吐鲁番市,哈密市,和田市,阿克苏市,喀什市,阿图什市,库尔勒市,昌吉市,博乐市,伊宁市,塔城市,阿勒泰市,石河子市,阿拉尔市,图木舒克市,五家渠市,';
pro_City[32]='香港特别行政区';
pro_City[33]='澳门特别行政区';
pro_City[34]='台湾';
pro_City[35]='其它';
function setup(){
var Array_city;
var Array_province;
Array_province=province.split(',');
for(i=0;i<Array_province.length;i++){
document.all("province").options.add(new Option(Array_province[i],Array_province[i]));
if(nowPro==Array_province[i]){
document.all("province")[i].selected=true;
Array_city=pro_City[i].split(',');
if(Array_city.length>1){
for(j=0;j<Array_city.length;j++){
document.all("city").options.add(new Option(Array_city[j],Array_city[j]));
if(nowCity==Array_city[j]){document.all("city")[j].selected=true;}
}
document.all("city").options.remove(0);
}else{
document.all("city").options.add(new Option(pro_City[i],pro_City[i]));
}
}
}
}
function on_pro_select_change(){
var nowSelectIndex=document.all("province").selectedIndex;
for(i=document.all("city").length-1;i>=0;i--){document.all("city").options.remove(i);}
var Array_city=pro_City[nowSelectIndex].split(',');
if(Array_city.length>1){
for(j=1;j<Array_city.length;j++){
document.all("city").options.add(new Option(Array_city[j],Array_city[j]));
if(nowCity==Array_city[j]){document.all("city")[j].selected=true;}
}
}else{
document.all("city").options.add(new Option(pro_City[nowSelectIndex],pro_City[nowSelectIndex]));
}
}
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit)
field.value = field.value.substring(0,maxlimit);
else
countfield.value = maxlimit - field.value.length;
}
</SCRIPT>
<body onload="setup();">
<SELECT id="province" onchange="on_pro_select_change()" name="province"></SELECT><SELECT id="city" name="city"></SELECT>
</body>
分享到:
相关推荐
通过以上步骤,我们就能在Android应用中实现一个联动的省份城市选择功能。在实际开发中,还需要考虑异常处理、数据同步等问题,以确保应用的稳定性和用户体验。同时,对于多语言环境,还需要考虑国际化(i18n)的...
在JavaScript(JS)编程中,"省份城市层选择联动"是一种常见的交互设计,常用于地理信息相关的Web应用中。这种功能允许用户首先选择一个省份,然后根据所选省份动态加载并展示对应的城市列表,为用户提供方便快捷的...
全国省份、城市列表框在网页开发中是一种常见的交互元素,用于让用户选择他们所在的省份和城市。这个组件在网站注册、地址填写、服务区域选择等场景中广泛应用。在本案例中,我们将探讨如何使用JavaScript(JS)来...
在网页开发中,经常需要实现一个功能:用户在选择省份后,城市列表自动更新为对应省份的城市,这就是常说的省市区级联选择器。在这个场景下,jQuery作为一个轻量级且功能强大的JavaScript库,为我们提供了便捷的解决...
"JS 省份城市级联选择"就是这样一个解决方案,它利用JavaScript实现了一个高效的、无刷新的省份城市选择功能。这个功能对于提升用户体验至关重要,因为它减少了页面加载次数,提高了交互速度。 首先,我们来看...
标题 "全国省份,城市,城镇列表框" 涉及的是一个用于网页开发的数据集合,提供了中国所有省份、城市和城镇的下拉选择框。这个数据集通常用于用户在网站上选择他们的地理位置,例如填写地址或者设定配送区域。在描述中...
利用AlertDialog弹出对话框实现省份城市的选择,直接运行就可以,省份城市数据直接存在android项目的values目录的arrays.xml下,只需要在里面添加城市就可以增加省份与城市,另外实现了点击省份出现相应的城市,其实这...
在ASP.NET开发中,省份城市级联是一种常见的需求,它通常用于用户输入地址时,先选择省份,再根据所选省份动态加载对应的城市列表。这种功能可以提高用户体验,减少输入错误,并简化数据验证过程。本篇文章将围绕"4...
解析数据和获取数据
全国所有省份和城市列表文件是IT领域中一种常见的数据资源,尤其在数据分析、地理信息系统(GIS)、Web开发或任何需要地域信息的项目中都极为重要。这个压缩包包含了一个全面的中国行政区域划分数据,包括省份和下属...
在实际应用中,这个功能通常与后台服务配合使用,如 PHP、Python 或 Node.js,这些服务会响应 AJAX 请求,根据用户之前的选择提供相应的省份或城市列表。例如,当用户从国家下拉框中选择一个国家后,AJAX 请求会被...
省份城市XML详细配置, 方便各个语言的应用
本示例——“Ajax示例中国省份、城市、城镇联动选择列表框”,就是运用Ajax实现的地理信息联动选择功能,适用于网页表单中,用户可以根据自己的需求逐步选择省份、城市及城镇,系统会根据前一层次的选择自动填充下一...
在IT行业中,JavaScript(简称JS)是一种广泛使用的前端编程语言,尤其在网页交互和动态功能实现上发挥...通过掌握这些知识点,开发者可以创建出一个既实用又高效的省份城市选择组件,满足用户在网页上的地域选择需求。
全国所有省份下属相关城市、区域的数据列表,plist文件,适用于安卓及iOS开发
在IT行业中,尤其是在网页开发和前端交互设计领域,"省份城市区县_下拉框三级联动选择"是一种常见的用户界面设计模式。这种设计主要用于让用户在输入地址或选择地理位置时,通过三个相互关联的下拉框依次选取省份、...
这可能包括省份列表和每个省份下的城市列表,用户可以先选择省份,再选择城市,实现两级联动选择。 4. **自定义Adapter**: 为了填充PickerView的数据,需要创建一个自定义的Adapter,将数据转化为PickerView可以...
在IT开发领域,一个“省份城市四级联动选择框”是一个常见的用户界面元素,主要用于地理信息的筛选和输入。这个组件通常用于网站或应用程序,让用户能够按照省份、城市、区(县)和街道的顺序逐级选择地址。在这个...
在前端开发中,实现省份城市联动是一项常见的需求,它可以让用户在选择省份时,自动更新下拉框中的城市选项,提供更加友好的交互体验。本示例中,我们将深入探讨如何使用JavaScript来实现这一功能。 首先,我们需要...
在这里,我们可以将省份作为键,城市列表作为值,建立一个省市区划的字典。例如: ```python province_dict = { "省份1": ["城市1", "城市2", "城市3"], "省份2": ["城市4", "城市5"], ... } ``` 2. **用户...