前端地址选择插件mobileSelect

最近项目开发的时候，遇到一个三级联动的功能需求。因为在之前的工作中，经常会有以前用到用过的技术东西会忘掉，在寻找会浪费很多时间，所以我需要现在开始记录我用过的每个不错的功能插件。

三级联动需求，是省市区的数据选择，插件可以支持更多级的联动

<link rel="stylesheet" type="text/css" href="css/mobileSelect.css">

<script src="js/mobileSelect.js" type="text/javascript"></script>

下载并引入这俩文件，下载地址https://github.com/onlyhom/mobileSelect.js

用法如下，设定一个联动触发标签，标签类名需要为id。我这里用的

<label>省市区</label>

<div style="flex: 1;height: 22px;font-size: 14px;" id="trigger5"></div>

var mobileSelect5 = new MobileSelect({

trigger: '#trigger5',

title: '',

position: [0, 0, 0],

wheels: [{

data: dataa

}],

callback: function(indexArr, data) {

for (let i in data) {

dizhi += data[i].value

}

console.log(dizhi);

}

});

这个联动的样式可以随意修改，修改就在/mobileSelect.css里。这里就说两个主要使用到的属性，wheels：这里是存放联动的数据的，callback是选中结果，position是联动下标