仿京东地区三级联动示例
仿京东的地区三级联动.zip 里有个比较实用的前端示例，挺适合你在项目里用。用jQuery搞定三个下拉菜单的联动，响应也快，代码也简单。想要搞电商或者地区筛选？这个包挺省事。
里面的HTML主要就是三个<select>，每个对应一个地区级别。比如先选省，再选市，选区，选完一层，下一层就自动更新。用了change事件监听，配合JSON模拟数据，逻辑挺清晰。
样式文件也比较全，想跟京东的风格对齐，直接套用就行，也可以自己改颜色和字体。CSS里像border、font-size这些都能调。
最核心还是JavaScript，用$.ajax()异步加载地区数据。要是你想接入自己接口，就改url和回调函数。顺带提一句，JSON结构也比较简单，每个地区都有id和parentId，好。
如果你想研究下更多写法，可以看看下面这些链接，挺多不同的实现思路哦。
文件大小：44.1KB
评论区