iHealth-wx-demo/html/fybj/js/select-address.js

// 微信端
//<link rel="stylesheet" type="text/css" href="../../../css/mui.picker.css">
//<script type="text/javascript" src="../../../js/mui.picker.js"></script>
//定义弹窗
function toast(msg){
	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:msg}).show()
}

function initExpressAddr($this){
    picker = new mui.PopPicker({
        layer: 2,
        layerNames: ["省","市"]
    })
    //获取省份信息
    getDistrict(1, '', 0);
    bindPickerEvent($this);
}
//绑定picker的事件
function bindPickerEvent($this){
    $(picker.pickers[0].holder).on('change', function(event) {
        var eventData = event.originalEvent.detail || {},
            item = eventData.item;
        if(!item || !item.value) {
            return ;
        }
        //获取市信息
        getDistrict(2,item.value, 1);
    })
    //选择地址下拉框
	$this.on('click', function(){
	    picker.show(function(selected){
	    	$this.attr('data-province',selected[0].value);
	    	$this.attr('data-city',selected[1].value);
	    	$this.attr('data-provinceName',selected[0].text);
	    	$this.attr('data-cityName',selected[1].text);
	    	$this.val(selected[0].text+selected[1].text);                                            
	    })
	})
}
/**
   * 获得省市区数据
   * @param {number} type 1-省，2-市，3-区
   * @param {string} code 省市对应的code
   * @param {number} level 对应下拉框对应的列 0-省，1-市，2-区
   */
function getDistrict(type, code, level){
    var url = 'common/district',
        params = {type: type, code: code};
    sendPost(url,params,'json','post',function(){
    	toast('请求失败')
    },function(res){
        if(res.status == 200){
            var data = $.map(res.list, function(o){
                return {
                    value: o.code,
                    text: o.name
                }
            });
            picker.pickers[level].setItems(data);
        }else{
            toast('请求地址信息失败')
        }   
    })
}