html5手机省市区城市选择代码【原创】

查看演示 下载资源 下载积分： 40 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="js/mui.picker.min.js"></script>
<script src="js/data.city.js"></script>
<script>
	//时间选择就不多说了，mui框架自带，重点是城市
	var start_time_picker = new mui.DtPicker({"type":"date","beginYear":1960,"endYear":2020});
	$("#useData").on("tap", function(){
		setTimeout(function(){
			start_time_picker.show(function(items){
				$("#useData_id").val(items.text);
				$("#useData").html(items.text);
			});
		},200);
	});
	
	//选择省市区
	var city_picker = new mui.PopPicker({layer:3});
	city_picker.setData(init_city_picker);
	$("#city_text").on("tap", function(){
		setTimeout(function(){
			city_picker.show(function(items){
				$("#city_id").val((items[0] || {}).value + "," + (items[1] || {}).value + "," + (items[2] || {}).value);//该ID为接收城市ID字段
				$("#city_text").html((items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text);
			});
		},200);
	});
</script>