htmlとjavaスクリプト、javaサーブレットを使い
できるだけ簡単に
DBからの問い合わせ結果を絞り出すプログラムを作成しています。
(検索結果の再表示と言った感じです)
結論から申し上げますと83行目の
<tr id="xxx">内のxxxを自由に変数などを代入して操作したいです。具体的にはjavaスクリプトで
htmlのセレクトタグで選んだ情報行だけを表示させる
プログラムを完成させる感じで進行中ですが
どうも変数の代入がうまくいかず
DBからとってきた表の行が全部消えたり
エラー画面に遷移したりと四苦八苦しています。
javaスクリプト等よろしければ
ご教授頂けますようお願いします。```c
HTML
1<!-- Java --> 2<!-- --> 3 4<%@ page contentType="text/html; charset=UTF-8"%> 5<%@ page import="java.util.List"%> 6<%@ page import="java.util.Iterator"%> 7<%@ page import="jp.co.keyaki.bean.KuyakushoBean"%> 8 9<% 10 KuyakushoBean kuyakushoBean = new KuyakushoBean(); 11 List<KuyakushoBean> list = (List) request.getAttribute("LIST"); 12%> 13<html> 14 15<body> 16 <br> 17 <div align="center"> 18 <strong>23区区役所一覧</strong><br> 19 </div> 20 <br> 21 <hr> 22 <div align="center"> 23 <select id="changeSelect" name="kuyakusho" onchange="entryChange();"> 24 <option value="1">世田谷区役所</option> 25 <option value="2">杉並区役所</option> 26 <option value="3">江東区役所</option> 27 <option value="4">港区役所</option> 28 <option value="5">品川区役所</option> 29 <option value="6">荒川区役所</option> 30 <option value="7">板橋区役所</option> 31 <option value="8">中央区役所</option> 32 <option value="9">文京区役所</option> 33 <option value="10">台東区役所</option> 34 <option value="11">足立区役所</option> 35 <option value="12">江戸川区役所</option> 36 <option value="13">北区役所</option> 37 <option value="14">渋谷区役所</option> 38 <option value="15">練馬区役所</option> 39 <option value="16">目黒区役所</option> 40 <option value="17">太田区役所</option> 41 <option value="18">葛飾区役所</option> 42 <option value="19">新宿区役所</option> 43 <option value="20">千代田区役所</option> 44 <option value="21">墨田区役所</option> 45 <option value="22">豊島区役所</option> 46 <option value="23">中野区役所</option> 47 </select> 48 <input type="submit" value="検索"> 49 </div> 50 <hr> 51 52<script type="text/javascript"> 53 function entryChange(){ 54 if(document.getElementById('changeSelect')){ 55 id = document.getElementById('changeSelect').value; 56 for(var i = 1; i <= 23; i++){ 57 if(id == String(i)){ 58 document.getElementById(i).style.display = ""; 59 } 60 document.getElementById(i).style.display = "none"; 61 } 62 } 63 } 64 window.onload = entryChange; 65</script> 66 67 <div align="center"> 68 <table border="1"> 69 <b> 70 <tr> 71 <th>番号 72 <th>区 73 <th>郵便番号 74 <th>住所 75 <th>電話番号 76 </b> 77 <% 78 for (int i = 0; i < list.size(); i++) { 79 KuyakushoBean kuyakushobean = 80 (KuyakushoBean) list.get(i); 81 i += 1; 82 %> 83 <tr id="xxx"> 84 <td><%=kuyakushobean.getId()%> 85 <td><%=kuyakushobean.getKu()%> 86 <td><%=kuyakushobean.getZip()%> 87 <td><%=kuyakushobean.getAddress()%> 88 <td><%=kuyakushobean.getTel()%> 89 </tr> 90 <% 91 } 92 %> 93 </table> 94 </div> 95</body> 96</html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/28 11:44