中国行政区划选择器组件开源

包含中国大陆及港澳台地区行政区划数据，一个标签即可实现行政区选择！操作简单易用，让用户快速选择所在地

行政区划数据

身份证号码解析

根据地区名称设置

<widget-region value="福建省厦门市思明区"></widget-region>

根据行政区划代码设置

<widget-region code="350102"></widget-region>

根据行政区分级设置

<widget-region province="浙江省" city="杭州市" district="钱塘区"></widget-region>

事件监听

<widget-region province="浙江省" city="杭州市" district="钱塘区"></widget-region> <script type="text/javascript"> // 组件事件 const $region = document.querySelector('widget-region#eventTest'); const $tip = document.querySelector('.tip'); $region.addEventListener('onSelect',function(event){ let data = event.detail; $tip.innerText = `输入框选择中: ${data['province']} ${data['city']} ${data['district']}`; }); $region.addEventListener('onChange',function(event){ let data = event.detail; $tip.innerText = `输入框已改变: ${data['province']} ${data['city']} ${data['district']}`; }); </script>

行政区划代码，也称行政代码，是国家对县级以上行政区划按一定规则编制的代码。它由 9 位阿拉伯数字组成，前两位表示省级行政区，中间两位表示地级行政区，后两位表示县级行政区。例如，福建省厦门市思明区的行政区划代码是 350203，35 代表福建省，02 代表厦门市，03 代表思明区。通过行政区划代码，可实现对不同地区的精准识别和数据统计等功能。

中国行政区划选择器组件应用广泛。在电商场景，助力用户快速准确填写收货地址，像淘宝、京东等平台，提升下单效率；物流领域，用于规划配送区域、管理货物运输路线，优化物流流程；数据分析时，能精准筛选不同区域数据，为市场调研公司分析区域消费特征提供便利；政府公共服务平台，在居民信息登记等功能中，保障地址信息规范准确。

组件开源

组件基于「MIT许可协议」开源，除需在源码中保留版权信息和许可声明外，你有权利使用、复制、修改、合并、出版发行、散布、再授权及贩售软件及软件的副本。数据持续更新中，如发现错漏或有想法建议可在此反馈问题。

Follow @mumuy Fork Star Download

行政区划选择组件脚本：

https://passer-by.com/widget-region/dist/widget-region.min.js