<!DOCTYPE html> <html> <head> <title>省市联动</title> <meta charset="utf-8"> </head> <body> <div> <select></select> <select></select> </div> <script src="https://www.jb51.net/areaData.js"></script> <script src="https://www.jb51.net/provinceCity.js"></script> </body> </html>
使用方法：
第一种：初始化省市选择
$('.area').citySelect(areaData);
效果：
第二种：默认不显示【请选择】
$('.area').citySelect(areaData, { isShowDefaultVal: false });
效果：
第三种：有初始省市
$('.area').citySelect(areaData, { provinceID: 10, cityID: 3, isShowDefaultVal: false });
效果：
第四种：属于业务的特殊需求，当为直辖市的时候，只显示直辖市，不显示分区（这个需求比较特殊）
$('.area').citySelect(areaData, { provinceID: 0, cityID: -1, isDealComArea: true, isShowDefaultVal: false });
效果：
以上就是基于jquery实现省市联动效果的代码，在这里做一下记录，欢迎大家提建议，共同进步。
您可能感兴趣的文章: