1,用户地区筛选,分省、市、县(区)
HTML部分
<link rel="stylesheet" type="text/css" href="css/mui.pickere.css"/>
<script src="lib/base64.min.js"></script>
<script src="lib/mui.picker.min.js"></script>
<script src="lib/data.city.js"></script>
<header class="mui-bar mui-bar-nav mui-bar-nav-bg skin-bg-nav">
<div class="basicHeader-box">
<a class="mui-pull-left address-box" id="cityn">
<i class="mui-pull-left iconfont icon-address"></i>
<p class="mui-pull-left" id="city_3">广州</p>
<input type="text" style="display:none;" value="2222" id="Area"/>
</a>
<div class="mui-pull-left search-box" onclick="window.kos.openSearch()">
<input type="text" placeholder="搜索你想找的职位" id="QueryLikeStr" style="disabled"/>
<i class="iconfont icon-search"></i>
</div>
</div>
</header>
2.js:
var MergerName="";
$(document).ready(function () {
//省市区
$("#cityn").click(function(e) {
var city_picker = new mui.PopPicker({
layer: 2
});
city_picker.setData(init_city_picker);
setTimeout(function() {
city_picker.show(function(items) {
/* $("#city_1").html((items[0] || {}).text);
$("#city_2").html((items[1] || {}).text); */
$("#city_3").html((items[1] || {}).text);
MergerName = "中国," + (items[0] || {}).text;+ "-" + (items[1] || {}).text // + "," + (items[2] || {}).text;
//招聘会_预定
SelectJobFairDestine();
});
}, 200);
});
//定位
dingwei();
});
//定位
function dingwei(){
try {
plus.geolocation.getCurrentPosition(function(p) {
console.log(JSON.stringify(p));
var province = p.address.province;//省
var city = p.address.city;//市
//var dist = p.address.district; //区
$("#city_3").html(city);
MergerName = "中国," + province + "," + city;// + "," + dist + ","
//招聘会_预定
SelectJobFairDestine();
}, function(e) {
mui.toast('定位失败,请检查是否打开定位服务');
}, {
provider: 'baidu'
});
} catch(e) {
mui.toast(e);
}
}
3.效果