界面:
<div class="weui-cell">
<div class="weui-cell__hd"><label class="weui-label">所在地:</label></div>
<div class="weui-cell__bd">
<input id="start" class="weui-input" type="text" placeholder="请选择车辆所在地" onchange="setStart()">
<input name="SitePId" type="hidden" id="start_place_id" value="@Model.SiteCity">
</div>
</div>
引用:
<link href="~/Content/jqueryweui/weui.min.css" rel="stylesheet" />
<link href="~/Content/jqueryweui/jquery-weui.min.css" rel="stylesheet" />
<script type="text/javascript" src="~/Content/jqueryweui/jquery.min.js"></script>
<script type="text/javascript" src="~/Content/jqueryweui/jquery-weui.min.js"></script>
<script type="text/javascript" src="~/Content/jqueryweui/city-picker.js"></script>
js部分:
<script type="text/javascript">
//初始化地址选择器
$("#start").cityPicker({
title: "选择目的地",
showDistrict: false
});
$(function () {
loadStart();
})
//用存储的地址code值去匹配当前地址
function loadStart() {
if ($("#start_place_id").val() != "") {
$("#start").attr("data-code", $("#start_place_id").val());
var citydatacodes = $("#start_place_id").val();
var str = citydatacodes.substring(2);
$("#start").attr("data-codes", citydatacodes.replace(str, "0000") + "," + $("#start_place_id").val());
//加载已认证的默认城市
var cityvalue = [];
var codes = $("#start").attr("data-code"); //如130100
var str = codes.replace(codes.substring(2), "0000"); //如130000
var raw = $.rawCitiesData;
for (var i = 0; i < raw.length; i++) {
if (str == raw[i].code) {
cityvalue.push(raw[i].name);
console.log(raw[i].name);
for (var j = 0; j < raw[i].sub.length; j++) {
if (raw[i].sub[j].code === codes) {
console.log(raw[i].sub[j].name);
cityvalue.push(raw[i].sub[j].name);
console.log(cityvalue);
$("#start").val(cityvalue);
return;
// sub(raw[i].sub[j].name);
}
}
}
}
}
}
//获取code值
function setStart() {
var codes = $("#start").attr("data-code");
$("#start_place_id").val(codes);
}
</script>