从数据库读数据实现二级联动,该如何处理

从数据库读数据实现二级联动
一共从数据库那边传过来两个实体的集合，一个cinema实体的集合cinemas，一个videohall的集合videohalls，影院和影厅，影厅应用影院的主键座位外键，现在问题来了，怎么实现选择影院来实现影厅下拉框<option>的值对应给影院的影厅呢？
求大神，代码如下：



<form action="#" method="post">

  			<table>

  				<tr>

  					<td>请选电影：</td>

  					<td>

  						<select name="moviename">

  							<c:forEach var="movie" items="${movies }">

  								<option >${movie.name }</option>

  							</c:forEach>

  						</select>

  					</td>

  				</tr>

  				<tr>

  					<td>请选影院：</td>

  					<td>

  						<select name="cinemaname" ;">

  							<c:forEach var="cinema" items="${cinemas }">

  								<option>${cinema.name }</option>

  							</c:forEach>

  						</select>

  					</td>

  				</tr>

  				<tr>

  					<td>影厅：</td>

  					<td>

  						<select name="videollname" >

  							<c:forEach items="${cinemas }" var="cinema">

  								<optgroup label="${cinema.name }"></optgroup>

  								<c:forEach items="${videohalls }" var="videohall">

  									<c:if test="${cinema.id==videohall.cinema_id }">

  										<option>${videohall.name }</option>

  									</c:if>

  								</c:forEach>

  							</c:forEach>

  						</select>

  					</td>

  				</tr>

</form>

------解决思路----------------------
自己写标签做
------解决思路----------------------
用jquery实现的省市级联，你参考下【记得引入jquery.min.js文件】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
var state=new Array("福建省","江西省","江苏省");
var citis=new Array();
citis["福建省"]=["福州市","厦门市","泉州市"];
citis["江西省"]=["赣州市","南昌市","九江市"];
citis["江苏省"]=["南京市","苏州市","无锡市"];
//文档加载后初始化的代码
$(document).ready(function(){
//为省份下拉框绑定数据
$.each(state,function(index,data){
$("#selState").append("<option value='"+data+"'>"+data+"</option>");
});
$("#selState").change(function(){
var val=$(this).val();
var ci=citis[val];
$("#selCity option").remove();
$.each(ci,function(index,data){
$("#selCity").append("<option value='"+data+"'>"+data+"</option>");
});
});
});
</script>
<title>省市级联</title>
</head>

<body>
省份：<select id="selState"></select>
<br />
城市：<select id="selCity"></select>
</body>
</html>
------解决思路----------------------
要jquery写啊然后使用ajax 从后台向前端提供json数据然后解析出来就ok了显示
------解决思路----------------------
哇塞，你最后还是在后台把数据整理好，要是在前台很难弄的，你在后台弄成像HashMap的那种结构，在前台不就好处理了吗？？

从数据库读数据实现二级联动,该如何处理

相关推荐