htmlページからjspページへの受け渡し
htmlページでスポーツ種目を選びjspページで種目名・料金・画像を表示するものですが
tableに入れる方法やテーブルの行の繰り返しが上手く出来ません
配列を使ってはみましたが、画像が正しく表示できていません
※修正できる箇所は限られています
htmlページ
<html>
<head>
<title></title>
</head>
<body>
<div align="center">
<h1>参加スポーツの選択</h1>
<form action="jspFormexam2.jsp" method="get">
<table border="1" bgcolor="white">
<tr bgcolor="#00FFFF">
<td colspan="4">
スポーツを選択してください
</td>
</tr>
<tr>
<td><img src="img/banana.jpg" height="100" width="166"></td>
<td>バナナボート</td>
<td>
<input type="checkbox" name="tour" value="0">
</td>
<td>$30</td>
</tr>
<tr>
<td><img src="img/para.jpg" height="100" width="166"></td>
<td>パラグライダー</td>
<td>
<input type="checkbox" name="tour" value="1">
</td>
<td>$45</td>
</tr>
<tr>
<td><img src="img/surfing.jpg" height="100" width="166"></td>
<td>サーフィン</td>
<td>
<input type="checkbox" name="tour" value="2">
</td>
<td>$20</td>
</tr>
<tr>
<td><img src="img/dive.jpg" height="100" width="166"></td>
<td>ダイビング</td>
<td>
<input type="checkbox" name="tour" value="3">
</td>
<td>$100</td>
</tr>
<tr>
<td><img src="img/golf.jpg" height="100" width="166"></td>
<td>ゴルフ</td>
<td>
<input type="checkbox" name="tour" value="4">
</td>
<td>$70</td>
</tr>
<tr>
<td colspan="2">参加人数</td>
<td><input type="text" name="people" size="4"></td>
</tr>
</table>
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>
<h2>5人以上で10%off</h2>
</div>
</body>
</html>
jspページ
<%@ page contentType="text/html;charset=Shift_JIS"%>
<% request.setCharacterEncoding("Shift_JIS");
int[] tourPrice = {30,45,20,100,70};
String[] tourName ={"バナナボート","パラセイリング","サーフィン","ダイビング","ゴルフ"};
String[] tourImg ={"banana.jpg","para.jpg","surfing.jpg","dive.jpg","golf.jpg"};
int total =0;
int itemprice =0;
String tableData ="<tr bgcolor='#00FFFF'><th>ツアー名</th>"+"<th>単価</th><th>合計</th><th>イメージ</th></tr>";
String message ="";
String subject ="";
修正可能箇所↓
String[ ] tourValues=request.getParameterValues("tour");
for(int i=0; i<tourValues.length; i++){
<%=tourPrice[i] %>
<%=tourName[i] %>
<%=tourImg[i] %>
<%
}
%>
修正可能箇所↑
<html>
<head>
<title>マリンスポーツ申し込み明細</title>
</head>
<body>
<div align="center">
<h1 align ="center"><%= subject %></h1>
<hr>
<table border ="1">
<%= tableData %>
</table><br>
<%=message %>
<hr>
</div>
</body>
</html>
お礼
max-width max-heightで画像も縮小されました。ありがとうございました！