一款基于mui的框架样式来实现的手机端城市省市区选择代码,省市区,省市,省多方位选择插件。适合手机端用的html5城市地区选择器代码。
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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791