<html>
<head>
<script type="text/javascript">
//省变动
function changeProvince(code) {
var url = "${path}/or/shopCart/cities";
var params = {"code" : code};
$.post(url, params, function(data){
var cities = data.cities;
for(var i = 0; i < cities.length; i++){
html += '<option value="' + cities[i].code +'">' + cities[i].name +'</option>';
}
$("#city").html(html);
},"json");
}
//城市变动
function changeCity(code) {
var url = "${path}/or/shopCart/district";
var params = {"code" : code};
$.post(url,params,function(data){
//list
var districts = data.districts;
for(var i = 0; i < districts.length; i++){
html += '<option value="' + districts[i].code +'">' + districts[i].name +'</option>';
}
$("#district").html(html);
},"json");
}
//保存地址
function saveAddress() {
var name = $("#name").val();
var phone = $("#phone").val();
var address = $("#address").val();
var url = "${path}/or/shopCart/inputAddress";
var params = {"name" : name, "phone" : phone, "address" : address, "district.code" : $("#district :selected").attr("value")};
$.post(url,params,function(data){
},"json");
}
</script>
</head>
<body>
<div>地址管理</div>
<form action="">
收货人:<input id="name" name="name" value=""/>
电话:<input id="phone" name="phone" value=""/>
省市县:
<select id="province" οnchange="changeProvince(this.value)">
<c:forEach items="${provinces}" var="province">
<option value="${province.code}">${province.name}</option>
</c:forEach>
</select>
<select id="city" οnchange="changeCity(this.value)">
<option value=""></option>
</select>
<select id="district">
<option value=""></option>
</select>
地址详情:<input id="address" name="address" value=""/>
</form>
<a href="javascript:void(0);" οnclick="saveAddress()">保存</a>
<a href="javascript:void(0);" οnclick="editAddress()">编辑</a>
</body>
</html>
地址管理
最新推荐文章于 2022-09-28 14:14:52 发布