|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>
|
|
样品快递页
|
|
</title>
|
|
<meta charset="UTF-8">
|
|
<link href="css/environment.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
|
|
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
|
|
|
|
<style>
|
|
*{
|
|
font-size:36px;
|
|
}
|
|
</style>
|
|
<script type="text/javascript" src="js/jquery.js">
|
|
$(document).ready(function(){
|
|
//测试jquery文件是否引入成功
|
|
console.log('succeed');
|
|
//根据省id获取市
|
|
//根据省id获取市获取区县
|
|
});
|
|
var cityjson='{'
|
|
'"province":['
|
|
'{"id":"1","name":"河北省"},'
|
|
'{"id":"2","name":"天津市"},'
|
|
'{"id":"3","name":"北京市"},'
|
|
'],'
|
|
'"city":['
|
|
'{"cid":"3","id":"1","name":"海淀区"},'
|
|
'{"cid":"3","id":"2","name":"西城区"},'
|
|
'{"cid":"3","id":"3","name":"朝阳区"},'
|
|
'{"cid":"1","id":"1","name":"海淀区"},'
|
|
'],'
|
|
}'
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<table background="images/car.png" width="920px" height="490px">
|
|
<tr>
|
|
<td>
|
|
<form class="form-horizontal" role="form">
|
|
<div class="form-group">
|
|
<label for="firstname" class="col-sm-2 control-label">姓名</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="name" style="width:300px;"
|
|
placeholder="请输入姓名">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="lastname" class="col-sm-2 control-label">地址</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="address" style="width:300px;"
|
|
placeholder="请输入地址">
|
|
|
|
<!-- json开始 -->
|
|
<select name="province">
|
|
<option>省</option>
|
|
</select>
|
|
<select name="city">
|
|
<option>市区</option>
|
|
</select>
|
|
<select name="district">
|
|
<option>县</option>
|
|
</select>
|
|
|
|
<!-- json结束 -->
|
|
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="lastname" class="col-sm-2 control-label">电话</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="phone" style="width:300px;"
|
|
placeholder="请输入手机号">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-2 col-sm-10">
|
|
<button type="submit" class="btn btn-default">提交</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|
.