效果图
代码
<!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/huiyuan_dizhi_tianjia.css">
<link rel
="stylesheet" href
="css/dibu_caidan.css">
<script src
="diqu.js"></script
>
</head
>
<body
>
<?php
require
"conn.php";
?>
<form method
="post" action
="u_dizhi_add_save.php" name
="frm">
<!--购物车
-顶部导航
-->
<div class
="dingbu">
<a href
="javascript:history.go(-1)" class
="dingbu_lianjie">
<img src
="img/back.png" alt
="" class
="dingbu_lianjie_img" />
</a
>
<p class
="dingbu_biaoti">添加地址
</p
>
</div
>
<div class
="dizhi">
<div class
="dizhi_xiangmu">
<div class
="dizhi_xiangmu_zuo">收货人
</div
>
<div class
="dizhi_xiangmu_you">
<input type
="text" class
="dizhi_xiangmu_you_input" placeholder
="请输入收货人真实姓名" name
="xingming" />
</div
>
</div
>
<div class
="dizhi_xiangmu">
<div class
="dizhi_xiangmu_zuo">手机号
</div
>
<div class
="dizhi_xiangmu_you">
<input type
="text" class
="dizhi_xiangmu_you_input" placeholder
="请输入手机号" name
="shouji" />
</div
>
</div
>
<div class
="dizhi_xiangmu">
<div class
="dizhi_xiangmu_zuo">所在地区
</div
>
<div class
="dizhi_xiangmu_you">
<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
>
</div
>
</div
>
<div class
="dizhi_xiangmu">
<div class
="dizhi_xiangmu_zuo">详细地址
</div
>
<div class
="dizhi_xiangmu_you">
<input type
="text" class
="dizhi_xiangmu_you_input" placeholder
="请输入详细地址" name
="dizhi" />
</div
>
</div
>
<div class
="dizhi_xiangmu">
<div class
="dizhi_xiangmu_zuo">设为默认
</div
>
<div class
="dizhi_xiangmu_moren">
<input type
="checkbox" name
="mr" id
="moren" />
<label
for="moren"><em
></em
></label
>
</div
>
</div
>
</div
>
<div class
="caozuo">
<div class
="caozuo_baocun">
<input type
="submit" value
="保存此地址" class
="caozuo_baocun_btn" onClick
="return checkinfo();">
</div
><br
>
<script
>
function checkinfo()
{
if(document
.frm
.select1
.value
=="0" || document
.frm
.select2
.value
=="0" )
{
alert("请选择地区");
return false;
}
}
</script
>
</div
>
</form
>
<?php include
'u_end.php'; ?>
</body
>
</html
>
转载请注明原文地址: https://lol.8miu.com/read-13491.html