1.搜集一个实用的地区选择插件：省——市——区
2.页面代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<script type="text/javascript" src="geo.js" charset="utf8"></script>
</head>
<body onload="setup();">
<select class="select" name="province" id="s1">
<option>1</option>
</select>
<select class="select" name="city" id="s2">
<option>2</option>
</select>
<select class="select" name="town" id="s3">
<option>3</option>
</select>
</body>
</html>
页面就需要这么多东西，剩下的交给下面这个js
3.js在附件中，js中基本包含中国各省市区，把geo.rar解压可得到geo.js
分享到：
相关推荐
希望对大家有所帮助 城市选择器——三级联动
1. Ajax应用——三级联动: 内容:首选选择省份,市会无刷新更新,选择市,区可以无刷新更新。 要求:提供用户添加省市区功能,以便测试
HTML5，这是一款非常实用美观的省市区三级联动城市选择器插件，移动端jQuery省市县城市三级联动下拉菜单选择插件代码。也可以修改为：省市区三级联动、省市二级联动或单选省。
适用于电商项目收货地址选择的三级联动插件，省市县数据很齐全。
由于项目频繁用到三级联动，比如地区、时间、分类，这些网络上不能满足，所以我们通过后台调用的方式来实现 后台我使用的是PHP语言 目录结构： |-client |---pages |-----index |-------index.js //包含初始化数据...
javascript 原生实现 省市区街——四级联动
jQuery手机端城市地区选择点击省市区三级联动 jQuery手机端城市地区选择点击省市区三级联动
前端经典——vue-三级联动demo
微信小程序-省市县三级联动，带有自定义地区码(源代码+截图)微信小程序-省市县三级联动，带有自定义地区码(源代码+截图)微信小程序-省市县三级联动，带有自定义地区码(源代码+截图)微信小程序-省市县三级联动，带有...
省市区三级联动——自关联——数据
世界级地区三级联动数据库sql，包括建表语句等支持直接导入MySql
省市县三级联动，地区选择插件。
jQuery省市区三级联动插件city-picker，省市区三级联动demo
手机端h5省市区三级联动，滑动选择，自动获取位置，可以实现ios选择器样式
下拉框select三级联动选择, 非常实用的代码, 代码逻辑强,注释明了,适合初学者及开发工作者直接使用, 灵活配置, 适用于不同的场景, 比较常见就是省市区的选择, 还有职场职业的选择, 等等可联动的单选都适用. ...
三级联动菜单包括世界主要国家地区，好用的JS三级联动菜单
js省市地区三级联动
从真实项目中提取出来的，Android省市区三级联动滚轮选择组件，基于开源组件Android-wheel来实现，效果非常不错，可以直接拿去用。
提供目前中国全部行政区域的省（市/自治区）、市（区/自治州）、区（县/市）三级联动最新数据，可以用于各类应用开发。2019年10月31日，我公司（www.ebaitian.cn）决定将中国最新的行政区划数据向社会公众共享，以...