二级联动

最新推荐文章于 2020-08-09 22:33:23 发布

拿稳自己再说话

最新推荐文章于 2020-08-09 22:33:23 发布

阅读量87

点赞数

本文链接：https://blog.csdn.net/qq_43867559/article/details/86492719

版权


```<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"src="js/jquery.min.js"></script>
<script type="text/javascript">
	var url = "findByAid.do";
	$.post(url,{},function(data){
		for (var i = 0; i < data.length; i++) {
			$("#qid").append("<option value="+data[i].qid+">"+data[i].aname+"</option>")
		}
	},"json")
	
	
	function area(){
		$("#aid").empty();
		$.post("findByQid.do",{},function(data){
			var qid = $("#qid").val();
			for (var i = 0; i < data.length; i++) {
				if(qid == data[i].area_id){
					$("#aid").append("<option value="+data[i].aid+">"+data[i].address+"</option>")
				}
			}
			},"json")
		}
	function bc() {
		var url = "insert.do";
		var param = $("#frm").serialize();
		$.post(url,param,function(data){
			if(data=="1"){
				alert("添加成功");
				location = "list.do";
			}else{
				alert("添加失败");
			}
		})
	}
	
</script>
</head>
<body>
<h1 align="center">KFC店面添加</h1>
<hr>
<form action="" id="frm" method="post">
<table align="center">
	<tr>
		<td>KFC店面名称</td>
		<td><input type="text" name="name" /></td>
	</tr>
	<tr>
		<td>KFC开店时间</td>
		<td><input type="date" name="start_time" /></td>
	</tr>
	<tr>
		<td>KFC营业时间</td>
		<td><input type="text" name="work_time" /></td>
	</tr>
	<tr>
		<td>KFC所在区域</td>
		<td>
			<select name="aid" id="qid" onchange="area()">
				<option value="">=请选择=</option>
			</select>
		</td>
		
	</tr>
	<tr>
		<td>KFC所在地址</td>
		<td><select name="qid" id="aid">
				<option value="">=请选择=</option>
			</select>
		</td>
	</tr>
	<tr>
		<td colspan="2" align="center">
			<input type="button" value="保存" onclick="bc()"/>
		</td>
		
	</tr>
</table>
</form>
</body>
</html>

拿稳自己再说话

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二级联动

```&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos
复制链接

扫一扫