mui——三联地区查询

<link href="../source/css/mui.picker.min.css" rel="stylesheet" />

<script src="../controller/mui.picker.min.js"></script>

<script src="../controller/city.data-3.js"></script>

<li>
<div class="item-content">
<div class="item-media"><i class="icon icon-form-name"></i></div>
<div class="item-inner">
<div class="item-title label">通讯地址</div>
<div class="item-input">
<div class="item-input">
<input style="height: 50px;" class="textarea rightInput" type="text" placeholder="请选择所在地区" id="showCityPicker1" value="浙江省衢州市龙游县" />
</div>
</div>

</li>

<script type="text/javascript">
(function($, doc) {
$.init();
$.ready(function() {


var cityPicker1 = new $.PopPicker({
layer: 3
});


cityPicker1.setData(cityData3);


var showCityPickerButton = document.getElementById('showCityPicker1');
var cityResult1 = document.getElementById('cityResult1');
showCityPickerButton.addEventListener('tap', function(event) {
cityPicker1.show(function(items) {
doc.getElementById("showCityPicker1").value = (items[0] || {}).text + "" + (items[1] || {}).text + "" + (items[2] || {}).text;
//返回 false 可以阻止选择框的关闭
//return false;


grprovince = (items[0] || {}).text;
grcity = (items[1] || {}).text;
grcounty = (items[2] || {}).text;


if(grcounty === undefined) {
doc.getElementById("showCityPicker1").value = (items[0] || {}).text + "" + (items[1] || {}).text;
}


storage.province = grprovince;
storage.city = grcity;
storage.county = grcounty;
storage.provinceCode = (items[0] || {}).value;
storage.cityCode = (items[1] || {}).value;
storage.countyCode = (items[2] || {}).value;


});
}, false);


});


})(mui, document);
</script>


<script type="text/javascript" charset="UTF-8">
mui.init()
var storage = window.localStorage;


function query() {
if(document.getElementById('showCityPicker1').value == "") {
mui.alert('请选择地区！');
} else {
window.location.href = "MapDetail.html";
}


}
</script>