从数据库读数据实现二级联动

一耿 2014-11-02 05:10:49

一共从数据库那边传过来两个实体的集合，一个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>

...全文

633 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

渔樵码农 2014-11-03

打赏
举报

自己写标签做

shaozengwei 2014-11-03

打赏
举报

哇塞，你最后还是在后台把数据整理好，要是在前台很难弄的，你在后台弄成像HashMap的那种结构，在前台不就好处理了吗？？

_会溺水的猪_ 2014-11-03

打赏
举报

要jquery写啊然后使用ajax 从后台向前端提供json数据然后解析出来就ok了显示

追世 2014-11-03

打赏
举报

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

一耿 2014-11-02