JSP页面部分代码如下:
<table class="tbl_func" width="98%" style="margin-left: 1%;"> <tr > <td style="vertical-align:top;" width="36%"> <div style="height: 500px; overflow-y: scroll;"> <c:forEach var="lineInfo" items="${requestScope.list}"> <a οnclick="getlineInfo(this)">${lineInfo.lineName}</a> <input type="hidden" value="${lineInfo }"/> <br/> </c:forEach> </div> </td> <td width="64%" style="vertical-align: top;"> <table class="tbl_func" width="100%"> <tr> <th>主键ID</th> <td id="id">${lineInfo.id }</td> </tr> <tr> <th>发布单位</th> <td id="travel">${lineInfo.travel }</td> </tr> <tr> <th>线路名称</th> <td id="lineName">${lineInfo.lineName }</td> </tr> <tr> <th>线路图片路径</th> <td id="imgurl">${lineInfo.imgurl }</td> </tr> <tr> <th>费用</th> <td id="cost">${lineInfo.cost }</td> </tr> <tr> <th>电话</th> <td id="tel">${lineInfo.tel }</td> </tr> </table> </table> <script type="text/javascript"> function getlineInfo(a) { var lineInfo = eval("("+$(a).next().val()+")"); $("#id").text(lineInfo.id); $("#travel").text(lineInfo.travel); $("#lineName").text(lineInfo.lineName); $("#imgurl").text(lineInfo.imgurl); $("#cost").text(lineInfo.cost); $("#tel").text(lineInfo.tel); } </script>
该页面是action的返回页面,并且还返回了一个List<LineInfo>。LineInfo实体类要重写toString()方法,写成 {a:value1,b:value2,c:value3,.....}的形式。
类似的效果图见附件!