效果图
代码
<!doctype html
>
<html
>
<head
>
<meta charset
="utf-8">
<title
>黄菊华：H5
+CSS3商城界面实战
-购物车
</title
>
<meta name
="viewport" content
="width=device-width, initial-scale=1, user-scalable=no">
<link rel
="stylesheet" href
="css/toubu_fanhui.css">
<link rel
="stylesheet" href
="css/gouwuche_xiadan.css">
<script src
="diqu.js"></script
>
</head
>
<body
>
<form name
="frm" id
="frm" method
="post" action
="gwc_xiadan_chuli.php" onSubmit
="return jiesuan();">
<?php
require
"conn.php";
?>
<!--顶部导航
-->
<div class
="dingbu">
<a href
="#" class
="dingbu_lianjie">
<img src
="img/back.png" alt
="" class
="dingbu_lianjie_img" />
</a
>
<p class
="dingbu_biaoti">下单页面
</p
>
</div
>
<?php
$danhao
= "";
$tmp_cps
= "";
for($x
=0; $x
<count($_POST
["xuhao"]); $x
++) {
$arr_tmp1
= explode(",",$_POST
["xuhao"][$x
]);
$tmp_cps
= $tmp_cps
. $arr_tmp1
[0] . "," ;
$danhao
= $arr_tmp1
[0];
}
echo $tmp_cps
;
?>
<input type
="hidden" name
="danhao" value
="<?php echo $danhao ?>">
<input type
="hidden" name
="cpids" value
="<?php echo $tmp_cps ?>">
<!--地址
-->
<div class
="dizhi">
<div class
="dizhi_zuo">
<img src
="img/dizhi.png" class
="dizhi_zuo_img" />
</div
>
<div class
="dizhi_zhong">
<?php
$sql
="select * from huiyuan_dizhi where u_id=". @$_COOKIE
["h_id"] ." order by id desc ";
$jieguo
=mysqli_query($conn
,$sql
);
if(!$jieguo
){
die("不能获取数据");
}
while ($row
=mysqli_fetch_array($jieguo
,MYSQLI_ASSOC
))
{
?>
<div class
="dizhi_zhong_xingming">
<input type
="radio" name
="dizhi" id
="dizhi" value
="<?php echo $row["id
"] ?>"
<?php
if($row
["yn_moren"]==1){
echo
" checked ";
}
?>
> <?php echo $row
["xingming"] ?> <?php echo $row
["shouji"] ?>
</div
>
<div class
="dizhi_zhong_dizhi">
<?php
$sql_lxid1
="select * from dizhi_quanguo where id={$row["diqu1
"]}";
$jieguo_lxid1
=mysqli_query($conn
,$sql_lxid1
);
if(!$jieguo_lxid1
){
die("不能获取数据1");
}
while ($row_lxid1
=mysqli_fetch_array($jieguo_lxid1
,MYSQLI_ASSOC
))
{
echo $row_lxid1
["fenlei_mingcheng"];
}
$sql_lxid2
="select * from dizhi_quanguo where id={$row["diqu2
"]}";
$jieguo_lxid2
=mysqli_query($conn
,$sql_lxid2
);
if(!$jieguo_lxid2
){
die("不能获取数据2");
}
while ($row_lxid2
=mysqli_fetch_array($jieguo_lxid2
,MYSQLI_ASSOC
))
{
echo $row_lxid2
["fenlei_mingcheng"];
}
if($row
["diqu3"]>0){
$sql_lxid3
="select * from dizhi_quanguo where id={$row["diqu3
"]}";
$jieguo_lxid3
=mysqli_query($conn
,$sql_lxid3
);
if(!$jieguo_lxid3
){
die("不能获取数据3");
}
while ($row_lxid3
=mysqli_fetch_array($jieguo_lxid3
,MYSQLI_ASSOC
))
{
echo $row_lxid3
["fenlei_mingcheng"];
}
}
?>
<?php echo $row
["dizhi"] ?>
</div
>
<?php
}
?>
<span id
="dizhi00">
</span
>
<table width
="100%" border
="0" cellspacing
="0" cellpadding
="5" id
="NewDizhi" style
="display:none">
<tr
>
<td width
="20%">收货人：
</td
>
<td
>
<input type
="text" class
="dizhi_xiangmu_you_input" placeholder
="请输入收货人" name
="xingming" id
="xingming" />
</td
>
</tr
>
<tr
>
<td
>手机号码：
</td
>
<td
>
<input type
="text" class
="dizhi_xiangmu_you_input" placeholder
="请输入手机号" name
="shouji" id
="shouji" />
</td
>
</tr
>
<tr
>
<td
>所在地区：
</td
>
<td
>
<div id
="bigclass" style
="float:left">
<select name
="select1" onChange
="GetDiqu2(this.value);" >
<option value
="0">选择省份
</option
>
<?php
$sql
="select * from dizhi_quanguo where fenlei_jibie=1 ";
$jieguo
=mysqli_query($conn
,$sql
);
if(!$jieguo
){
die("不能获取数据-列表");
}
while ($row
=mysqli_fetch_array($jieguo
,MYSQLI_ASSOC
)){
echo
"<option value='{$row["id
"]}' >";
echo
"{$row["fenlei_mingcheng
"]}</option>";
}
?>
</select
>
</div
>
 
;
<div id
="subclass2" style
="float:left">
<select name
="select2" onchange
="GetDiqu3(this.value);" >
<option value
="0">地级
</option
>
</select
>
</div
>
 
;
<div id
="subclass3" style
="float:left">
<select name
="select3" >
<option value
="0">县级
</option
>
</select
>
</div
>
</td
>
</tr
>
<tr
>
<td
>详细地址：
</td
>
<td
>
<input type
="text" class
="dizhi_xiangmu_you_input" placeholder
="请输入详细地址" name
="xiangxidizhi" id
="xiangxidizhi" />
</td
>
</tr
>
<tr
>
<td
> 
;</td
>
<td
>
<input type
="button" value
="保存此地址并使用该地址" class
="caozuo_baocun_btn" onClick
="checkinfo();">
<script
>
function checkinfo()
{
var xingming
= document
.frm
.xingming
.value
;
var shouji
= document
.frm
.shouji
.value
;
if(shouji
.length
!=11)
{
alert("请输入有效的手机号码2");
document
.frm
.shouji
.focus();
return false;
}
var myreg
= /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d
{8})$
/;
if(!myreg
.test(shouji
))
{
alert("请输入有效的手机号码3");
document
.frm
.shouji
.focus();
return false;
}
if(document
.frm
.select1
.value
=="0" || document
.frm
.select2
.value
=="0" )
{
alert("请选择地区");
return false;
}
var select1
= document
.frm
.select1
.value
;
var select2
= document
.frm
.select2
.value
;
var select3
= document
.frm
.select3
.value
;
var xiangxidizhi
= document
.frm
.xiangxidizhi
.value
;
var tmp_url
= "";
tmp_url
= tmp_url
+ "u_dizhi_add_save_api.php?xingming=" + xingming
+ "&shouji=" + shouji
;
tmp_url
= tmp_url
+ "&select1=" + select1
+ "&select2=" + select2
+ "&select3=" + select3
+ "&dizhi=" + xiangxidizhi
;
frm01
.location
= tmp_url
;
}
</script
>
<iframe name
="frm01" width
="0" height
="0" frameborder
="0" src
=""></iframe
>
</td
>
</tr
>
</table
>
</div
>
<!--button class
="dizhi_you">新增
</button
-->
<input type
="button" class
="dizhi_you" value
="新增" onClick
="GetNewDizhi()" >
<script type
="text/javascript">
function GetNewDizhi()
{
if(document
.getElementById("NewDizhi").style
.display
== "none") {
document
.getElementById("NewDizhi").style
.display
= "";
} else {
document
.getElementById("NewDizhi").style
.display
= "none";
}
}
</script
>
</div
>
<!--线条
-->
<div class
="huise10"></div
>
<div class
="xiantiao"></div
>
<div class
="huise10"></div
>
<!--选中的、购物车中要下单的产品
-->
<?php
$zongfeiyong
= 0;
$sql_gwc
="select * from gouwuche where u_id=".@$_COOKIE
["h_id"]." and zt=1 and id in (".$tmp_cps
."0) order by id desc ";
$jieguo_gwc
=mysqli_query($conn
,$sql_gwc
);
if(!$jieguo_gwc
){
die("不能获取数据");
}
while ($row_gwc
=mysqli_fetch_array($jieguo_gwc
,MYSQLI_ASSOC
))
{
$var_gwc_id
= $row_gwc
["id"];
$var_cp_shuliang
= $row_gwc
["cp_shuliang"];
$var_jiage_chengjiao
= $row_gwc
["jiage_chengjiao"];
$sql_xg
="select * from shangpin where id=".$row_gwc
["cp_id"];
$jieguo_xg
=mysqli_query($conn
,$sql_xg
);
if(!$jieguo_xg
){
die("获取商品数据失败");
}
$xg_mingcheng
="";
$xg_lx_id1
=0;
$xg_lx_id2
=0;
$xg_kucun
=0;
$xg_yixiaoshou
=0;
$xg_jiage1
=0;
$xg_jiage2
=0;
$xg_jiage3
=0;
$xg_cp_tupian
="";
$xg_cp_tupian_yn
=0;
$xg_cp_tupian1
="";
$xg_cp_tupian2
="";
$xg_cp_tupian3
="";
$xg_cp_tupian4
="";
$xg_zhuangtai_yn
=0;
$xg_tuijian_yn
=0;
$xg_jianjie_yn
=0;
$xg_jianjie
="";
$xg_neirong
="";
$xg_fabu_riqi
="";
while ($row_xg
=mysqli_fetch_array($jieguo_xg
,MYSQLI_ASSOC
)){
$xg_mingcheng
=$row_xg
["mingcheng"];
$xg_lx_id1
=$row_xg
["lx_id1"];
$xg_lx_id2
=$row_xg
["lx_id2"];
$xg_kucun
=$row_xg
["kucun"];
$xg_yixiaoshou
=$row_xg
["yixiaoshou"];
$xg_jiage1
=$row_xg
["jiage1"];
$xg_jiage2
=$row_xg
["jiage2"];
$xg_jiage3
=$row_xg
["jiage3"];
$xg_cp_tupian
=$row_xg
["cp_tupian"];
$xg_cp_tupian_yn
=$row_xg
["cp_tupian_yn"];
$xg_cp_tupian1
=$row_xg
["cp_tupian1"];
$xg_cp_tupian2
=$row_xg
["cp_tupian2"];
$xg_cp_tupian3
=$row_xg
["cp_tupian3"];
$xg_cp_tupian4
=$row_xg
["cp_tupian4"];
$xg_zhuangtai_yn
=$row_xg
["zhuangtai_yn"];;
$xg_tuijian_yn
=$row_xg
["tuijian_yn"];;
$xg_jianjie_yn
=$row_xg
["jianjie_yn"];;
$xg_jianjie
=$row_xg
["jianjie"];
$xg_neirong
=$row_xg
["neirong"];
$xg_fabu_riqi
=$row_xg
["fabu_riqi"];
}
?>
<div class
="jiesuan_cp">
<div class
="jiesuan_cp_tupian">
<img src
="/up/<?php echo $xg_cp_tupian ?>" class
="jiesuan_cp_tupian_img" />
</div
>
<div class
="jiesuan_cp_xinxi">
<div class
="jiesuan_cp_xinxi_biaoti">
<?php echo $row_gwc
["cp_mingcheng"] ?>
</div
>
<div class
="jiesuan_cp_xinxi_shuxing">
库存：
<?php echo $xg_kucun
?> | 已销售：
<?php echo $xg_yixiaoshou
?>
</div
>
<div class
="jiesuan_cp_xinxi_jiage">
<div class
="jiesuan_cp_xinxi_jiage_zuo">¥
<?php echo $var_jiage_chengjiao
?></div
>
<div class
="jiesuan_cp_xinxi_jiage_you">数量 X
<?php echo $var_cp_shuliang
?></div
>
<?php
$zongfeiyong
= $zongfeiyong
+ $var_jiage_chengjiao
*$var_cp_shuliang
;
?>
</div
>
</div
>
</div
>
<?php
}
?>
<div class
="huise10"></div
>
<!--div class
="jiesuan_fujia">
<div class
="jiesuan_fujia_zuo">配送方式
</div
>
<div class
="jiesuan_fujia_you">快递
</div
>
</div
>
<div class
="jiesuan_fujia">
<div class
="jiesuan_fujia_zuo">运费
</div
>
<div class
="jiesuan_fujia_you">¥
8.00</div
>
</div
-->
<div class
="jiesuan_liuyan">
<div class
="jiesuan_liuyan_zuo">留言
</div
>
<div class
="jiesuan_liuyan_you">
<input type
="text" placeholder
="请输入留言内容" name
="beizhu" class
="jiesuan_liuyan_you_input" >
<input type
="hidden" name
="zongfeiyong" value
="<?php echo $zongfeiyong ?>">
</div
>
</div
>
<div class
="huise10"></div
>
<div class
="jiesuan_feiyong">
<p class
="jiesuan_feiyong_txt1">总金额：
</p
>
<p class
="jiesuan_feiyong_txt2"> ¥
<?php echo $zongfeiyong
?> </p
>
</div
>
<div class
="jiesuan_tijiao">
<!--button class
="jiesuan_tijiao_btn">下单支付
</button
-->
<input type
="submit" value
=" 下 单 支 付 " class
="jiesuan_tijiao_btn" >
</div
>
<script
>
function jiesuan()
{
var radios
= document
.getElementsByName("dizhi");
var tag
= false;
var val
;
for(radio
in radios
) {
if(radios
[radio
].checked
) {
tag
= true;
val
= radios
[radio
].value
;
break;
}
}
if(tag
) {
}
else {
alert("请选择或者填写收货地址");
return false;
}
}
</script
>
</form
>
</body
>
</html
>
