mui日期选择器改为全国省市县三级级联

公司原先的省、市、县地址均是用输入框，需要用户手动输入，自己之前试着改成下拉框样式的三级级联，但效果不好，不够不够美观。所以打起了mui日期选择插件的注意，综合了一下网博客的内容，做好是这个样子的。、

上代码
HTML：

<input type="text" id="address" placeholder="选择省、市、区信息">

JavaScript：

	var city = '';
        var address = document.getElementById("address");
        address.addEventListener('tap',function(){
            
            var city_picker = new mui.PopPicker({
                layer:3 //插件显示的列数
            });
            city_picker.setData(cityData3);//显示的内容，json格式。
            city_picker.show(function(items) {//弹出列表并在里面写业务代码。
                if((items[0] || {}).text == undefined) {
                        (items[0] || {}).text = "";
                    } else if((items[1] || {}).text == undefined) {
                        (items[1] || {}).text = "";
                    } else if((items[2] || {}).text == undefined) {
                        (items[2] || {}).text = "";
                    }
                    $("#address").val((items[0] || {}).text + "-" + (items[1] || {}).text + "-" + (items[2] || {}).text);
                    city = (items[0] || {}).text + "-" + (items[1] || {}).text + "-" + (items[2] || {}).text;
                    console.log(city);
            });
            
        })

注：
cityData3是文件city.data-3.js中声明的变量。

引入文件：（mui和jquery不再说明）
city.data-3.js
mui.picker.js
mui.poppicker.js
mui.poppicker.css
mui.picker.css
文件下载
提取码：zg8d