公司原先的省、市、县地址均是用输入框,需要用户手动输入,自己之前试着改成下拉框样式的三级级联,但效果不好,不够不够美观。所以打起了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((ite