地址管理

最新推荐文章于 2022-09-28 14:14:52 发布

温暖_洗衣粉

最新推荐文章于 2022-09-28 14:14:52 发布

阅读量411

点赞数

分类专栏：工作项目

本文链接：https://blog.csdn.net/qq_19244423/article/details/47657527

版权

工作项目专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<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>

温暖_洗衣粉

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
地址管理

//省变动 function changeProvince(code) { var url = "${path}/or/shopCart/cities"; var params = {"code" : code}; $.post(url, params, function(data){ var cities = data.cities; for(v
复制链接

扫一扫