You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
3.6 KiB
82 lines
3.6 KiB
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
|
<div class="form picksite-box">
|
|
<div class="item">
|
|
<span class="label">选择区域：</span>
|
|
<div class="fl">
|
|
<select name="pickRegion" id="pickRegion_select" class="selt pickRegion_select" onchange="getPickSiteListByRegion(this)">
|
|
<option>全部区域</option>
|
|
<!-- {foreach from=$district_list item=item key=key} -->
|
|
<option value="{$item.region_id}" {if $item.region_id == $district}selected{/if}>{$item.region_name}</option>
|
|
<!-- {/foreach} -->
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="picksite-list">
|
|
<ul id="pickSiteInfo">
|
|
<!-- {foreach from=$picksite_list item=item key=key} -->
|
|
<li {if $key == 0}class="item-selected"{/if}>
|
|
<input type="radio" {if $key == 0}checked="checked"{/if} class="ui-radio" name="picksite_radio" value="{$item.point_id}" id="picksite_radio_{$item.point_id}">
|
|
<label for="picksite_radio_{$item.point_id}" class="ui-radio-label">
|
|
<div class="name">{$item.name}</div>
|
|
<div class="info">
|
|
<span class="address">地址：{$item.address}</span>
|
|
<span class="tel">电话：{$item.mobile}</span>
|
|
</div>
|
|
<a href="help.php?id={$item.city}#{$item.anchor}" target="_blank" class="ftx-05 map-link">详细地图</a>
|
|
</label>
|
|
</li>
|
|
<!-- {/foreach} -->
|
|
</ul>
|
|
<div class="ztd_tishi">
|
|
<span class="label"> </span>
|
|
<div class="fl">
|
|
<div class="ftx-03 mt10">温馨提示：</div>
|
|
<div class="ftx-03">1、自提时付款，支持现金、POS刷卡 <a href="article.php?id=55" target="_blank" class="ftx-05">查看自提流程</a></div>
|
|
<div class="ftx-03">2、商创将根据您的收货地址显示其范围内的自提点，请确保您的收货地址正确填写。</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getPickSiteListByRegion(obj){
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "flow.php?step=getPickSiteList",
|
|
data: {id:$(obj).val()},
|
|
dataType: "json",
|
|
success: function(data){
|
|
if(data.error == 1){
|
|
alert("参数错误");return false;
|
|
}
|
|
$('#pickSiteInfo').empty();
|
|
var html = firstChecked = '';
|
|
$.each(data, function(i, v){
|
|
if(i == 0){
|
|
firstChecked = 'checked="checked"';
|
|
var bg_selected = 'class="item-selected"';
|
|
}else{
|
|
firstChecked = '';
|
|
var bg_selected = '';
|
|
}
|
|
html += '<li '+bg_selected+'>'
|
|
+'<input type="radio" '+firstChecked+' class="ui-radio" name="picksite_radio" value="'+v.point_id+'" id="picksite_radio_'+v.point_id+'">'
|
|
+'<label for="picksite_radio_'+v.point_id+'" class="ui-radio-label">'
|
|
+'<div class="name">'+v.name+'</div>'
|
|
+'<div class="info">'
|
|
+'<span class="address">地址：'+v.address+'</span>'
|
|
+'<span class="tel">电话：'+v.mobile+'</span>'
|
|
+'</div>'
|
|
+'<a href="help.php?id='+v.city+'#'+v.anchor+'" target="_blank" class="ftx-05 map-link">详细地图</a>'
|
|
+'</label>'
|
|
+'</li>';
|
|
|
|
});
|
|
$('#pickSiteInfo').html(html);
|
|
}
|
|
});
|
|
}
|
|
$(".picksite-list li").live('click',function(){
|
|
$(this).addClass("item-selected").siblings().removeClass("item-selected");
|
|
});
|
|
</script>
|