基于MUI框架APP安卓开发的地址选择器

相信很多小伙伴在做手机安卓的商城项目时会用到地址选择的功能，那么我们如何基于MUI框架来实现安卓用户地址选择的功能呢？下面我们来实现一下。
html代码：

<div class="padd-item" onclick="window.kos.Sex(2)">
			<div class="bar-tit" >店铺地址</div>
			<div class="bar-cos">
				<div style="float: right;line-height: 46px;">
					<span style="font-size: 14px;" id="useradress"></span>
					<span class="mui-icon mui-icon-arrowright"></span>
				</div>
			</div>
</div>

JS方法：

var city_picker = new mui.PopPicker({layer:3});
		city_picker.setData(init_city_picker);
		setTimeout(function(){
			city_picker.show(function(items){
				var provice=(items[0] || {}).text;
				var city=(items[1] || {}).text;
				var dist=(items[2] || {}).text;
				var strreturn={"phone":phone,"ProMC":provice,"CityMC":city,"DisMC":dist};
				//修改所在地区
				xccpost3("Interactive/Update_UserProMCAndCityMCAndDisMCforApp",strreturn, function(data){
					if(data.result == "200") {
						$("#useradress").text(provice+city+dist);
						$("#dingbudianpudizhi").text(provice+city+dist);
						mui.toast("修改成功");
					}
					else{
						 mui.toast(data.message);
					}
				},function(error){
					 mui.toast(error);
				});
			});
		},200);

效果截图：


这样你就可以实现基于MUI框架的用户地址选择功能了，是不是很简单呢。