基于jquery实现省市联动效果_jquery_动视

基于jquery实现省市联动效果_jquery

2020-11-27 21:45:55 责编:小采

由于项目需要需要实现一个省市联动，由于业务有一些特殊的需求，使用现有的插件略有不便，就自己实现了一个。
首先需要保存地区数据的JS数据文件，我这里命名为areaData.js，内容如下：

插件文件名为：provinceCity.js，源码：

可根据需要稍作调整

例子基本结构如下：




 省市联动

使用方法：
第一种：初始化省市选择

$('.area').citySelect(areaData);

效果：

第二种：默认不显示【请选择】

效果：

第三种：有初始省市

效果：

第四种：属于业务的特殊需求，当为直辖市的时候，只显示直辖市，不显示分区（这个需求比较特殊）

效果：

显示全文