build/artifacts/HotelTest_war_exploded/WEB-INF/jsp/sys/foodList.jsp

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ include file="common.jsp" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- 包含公共的JSP代码片段 -->
<title>餐厅点餐系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
	//文档加载完后
	window.onload=function(){
		
		//获取后台保存的foodTypeId值
		var foodTypeId = "${foodTypeId}";
		//获取菜系select标签
		var foodTypeIdSelect = document.getElementById("foodTypeId");
		//获取下拉框中所有的option
		var  options = foodTypeIdSelect.options;
		
		//遍历菜系select标签中所有的option标签
		$.each( options, function(i, option){
		  $(option).attr("selected",option.value == foodTypeId);
		});
	}
	
	function foodTypeChange(obj){
		//获取用户输入的关键字
		var keyword = $("#keyword").val();
		
		//获取被选中的菜品类型值
		var foodTypeId = $("#foodTypeId option:selected").val();
		
		//发送请求
		window.location = "${ctx}/sys/food.action?keyword="+keyword+"&foodTypeId="+foodTypeId+"&method=list";
	}
</script>
</head>
<body>
<!-- 页面标题 -->
<div id="TitleArea">
	<div id="TitleArea_Head"></div>
	<div id="TitleArea_Title">
		<div id="TitleArea_Title_Content">
			<img border="0" width="13" height="13" src="../images/sys/title_arrow.gif"/> 菜品列表
		</div>
    </div>
	<div id="TitleArea_End"></div>
</div>


	<!-- 过滤条件 -->
	<div id="QueryArea">
		<form action="${ctx }/sys/food.action" method="get"  target="right">
			<input type="hidden" name="method" value="list">
			<input type="text" id="keyword" name="keyword" value="${keyword}" placeholder="请输入菜品名称">
			<select name="foodTypeId" id="foodTypeId"  onchange="foodTypeChange()">
				<option value="">全部</option>
					<c:forEach items="${foodTypes}"  var="foodType">
						<option value="${foodType.id}">${foodType.typeName}</option>