248 lines
8.7 KiB
HTML
248 lines
8.7 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html>
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
|
|||
|
|
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
|||
|
|
<title>选择地区</title>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="/css/api.css" />
|
|||
|
|
<link rel="stylesheet" type="text/css" href="/css/content.css" />
|
|||
|
|
<script type="text/javascript" src="/scripts/jquery-3.4.1.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="/script/main.js?t=0"></script>
|
|||
|
|
<script type="text/javascript" src="/layer/layer.js"></script>
|
|||
|
|
<script type="text/javascript" src="/Scripts/long.js"></script>
|
|||
|
|
<script type="text/javascript" src="/script/moment.js"></script>
|
|||
|
|
<script type="text/javascript" src="/script/area.js?t=0"></script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
html, body {
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#wrapper {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
-webkit-overflow-scrolling: touch;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pullDown {
|
|||
|
|
position: absolute;
|
|||
|
|
top: -1.25rem;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 100;
|
|||
|
|
text-align: center;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pullUp {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: -1.25rem;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 100;
|
|||
|
|
text-align: center;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#wrapper_content .ub-f1 {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#wrapper_content select {
|
|||
|
|
width: 14em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#wrapper_content select {
|
|||
|
|
color: #848484;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dbtnbox {
|
|||
|
|
margin: 0 auto;
|
|||
|
|
margin-top:0.8em;
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dbtnbox input[type='button'] {
|
|||
|
|
width: 10em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uploadpic_btn {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 5em;
|
|||
|
|
height: 5em;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
opacity: 0;
|
|||
|
|
filter: alpha(opacity=0);
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var userId = null;
|
|||
|
|
var LoginId = null;
|
|||
|
|
var CartId = null;
|
|||
|
|
var opentimes = null;
|
|||
|
|
var sInterval0 = null;
|
|||
|
|
var t = 0;
|
|||
|
|
var image = "", avatar = "", img_url = "";
|
|||
|
|
var myScroll = null;
|
|||
|
|
var pullDown = 1; // 下拉刷新避免多次执行
|
|||
|
|
var pullUp = 1; // 上拉加载避免多次执行
|
|||
|
|
var downHeight = 0;
|
|||
|
|
var upHeight = 0;
|
|||
|
|
var isload = true;//设置是否终止滚动加载
|
|||
|
|
var curScrollHeight = 0;//当前滚动位置
|
|||
|
|
var curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
|||
|
|
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
userId = getlocalStorage("userId");
|
|||
|
|
LoginId = getlocalStorage("LoginId");
|
|||
|
|
CartId = getlocalStorage("CartId");
|
|||
|
|
var showqy = getlocalStorage("showqy");
|
|||
|
|
|
|||
|
|
if (showqy != null) {
|
|||
|
|
var qys = showqy.split(",");
|
|||
|
|
show_province_info(qys[0], $("#Province"), $("#City"), $("#County"));
|
|||
|
|
show_city_info(qys[1], $("#City"), $("#Province").val(), $("#County"));
|
|||
|
|
show_County_info(qys[2], $("#County"), $("#Province").val(), $("#City").val());
|
|||
|
|
show_trading_info((qys[3] == "1" ? "-1" : qys[4]), $("#tradingarea"), $("#Province").val(), $("#City").val(), $("#County").val());
|
|||
|
|
if (qys[3] == "1") {
|
|||
|
|
$("#tradingname").val(qys[4]);
|
|||
|
|
}
|
|||
|
|
select4();
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
show_province_info("", $("#Province"), $("#City"), $("#County"));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function select1() {
|
|||
|
|
show_city_info("", $("#City"), $("#Province").val(), $("#County"));
|
|||
|
|
/*if ($("#City option").length == 1) {
|
|||
|
|
setlocalStorage("address_selectqy_datas", $("#Province").val() + "," + $("#City").val() + "," + $("#County").val() + "");
|
|||
|
|
parent.layer.closeAll();
|
|||
|
|
}*/
|
|||
|
|
}
|
|||
|
|
function select2() {
|
|||
|
|
show_County_info("", $("#County"), $("#Province").val(), $("#City").val());
|
|||
|
|
/*if ($("#County option").length == 1) {
|
|||
|
|
setlocalStorage("address_selectqy_datas", $("#Province").val() + "," + $("#City").val() + "," + $("#County").val() + "");
|
|||
|
|
parent.layer.closeAll();
|
|||
|
|
}*/
|
|||
|
|
}
|
|||
|
|
function select3() {
|
|||
|
|
show_trading_info("", $("#tradingarea"), $("#Province").val(), $("#City").val(), $("#County").val());
|
|||
|
|
/*setlocalStorage("address_selectqy_datas", $("#Province").val() + "," + $("#City").val() + "," + $("#County").val() + "");
|
|||
|
|
parent.layer.closeAll();*/
|
|||
|
|
}
|
|||
|
|
function select4() {
|
|||
|
|
if ($("#tradingarea").val() == "-1") {
|
|||
|
|
$("#tradingname_box").css("display", "block");
|
|||
|
|
} else {
|
|||
|
|
$("#tradingname_box").css("display", "none");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function onsave() {
|
|||
|
|
var IFFill = ($("#tradingarea").val() == '-1' ? 1 : 0);
|
|||
|
|
var tradingarea = ($("#tradingarea").val() == '-1' ? $("#tradingname").val() : $("#tradingarea").val());
|
|||
|
|
setlocalStorage("address_selectqy_datas", $("#Province").val() + "," + $("#City").val() + "," + $("#County").val() + "," + IFFill + "," + tradingarea + "");
|
|||
|
|
parent.layer.closeAll();
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body class="wrap">
|
|||
|
|
<header>
|
|||
|
|
<div class="ub">
|
|||
|
|
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="onsave()">
|
|||
|
|
|
|||
|
|
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<h1 class="ub-f1" tabindex="0" style=" margin:0; padding:0; position:relative; font-size:16px; ">
|
|||
|
|
选择地区
|
|||
|
|
</h1>
|
|||
|
|
<div class="nav-btn blue" id="nav-right" style=" margin:0; padding:0; min-width:3em;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<section class="ub-f1" id="wrapper" style="padding:0.8em;box-sizing:border-box;">
|
|||
|
|
<div class="ub ub-ver tixin-item" style="">
|
|||
|
|
<div class="ub ub-ac" style="margin-bottom: .08em;">
|
|||
|
|
<div class="ub font_box" style="padding:0.8em 0.8em;width:7em;">
|
|||
|
|
省份
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-f1 uinput11" style="padding-right: 0.8em;box-sizing:border-box;">
|
|||
|
|
<select id="Province" onchange="select1()"></select>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ac" style="margin-bottom: .04em;">
|
|||
|
|
<div class="ub font_box" style="padding:0.8em 0.8em;width:7em;">
|
|||
|
|
城市
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-f1 uinput11" style="padding-right: 0.8em;box-sizing:border-box;">
|
|||
|
|
<select id="City" onchange="select2()"></select>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="ub ub-ac" style="margin-bottom: .04em;">
|
|||
|
|
<div class="ub font_box" style="padding:0.8em 0.8em;width:7em;">
|
|||
|
|
县区
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-f1 uinput11" style="padding-right: 0.8em;box-sizing:border-box;">
|
|||
|
|
<select id="County" onchange="select3()"></select>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ac" style="margin-bottom: .04em;">
|
|||
|
|
<div class="ub font_box" style="padding:0.8em 0.8em;width:7em;">
|
|||
|
|
街道/乡镇
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ver ub-f1 uinput11" style="padding-right: 0.8em;box-sizing:border-box;">
|
|||
|
|
<select id="tradingarea" onchange="select4()"></select>
|
|||
|
|
<span style="display:none;margin-top:0em;" id="tradingname_box"><input ID="tradingname" placeholder="请填写街道/乡镇" /></span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-pc ub-ac dbtnbox" style="padding:0;width:100%;box-sizing:border-box;">
|
|||
|
|
<input id="savebtn" type="button" class="mybtn" onclick="onsave()" value="确定">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
|||
|
|
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</html>
|