Q&A
html
1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <%@ page import="java.util.ArrayList"%> 4<!DOCTYPE html> 5<html> 6<head> 7<meta charset="UTF-8"> 8<title>住所一覧</title> 9<link rel="stylesheet" type="text/css" href="style.css"> 10<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 11</head> 12<body> 13<form action="Addr_del_upd" method="post"> 14<table border="1"style="border: 1px solid black; border-collapse: collapse;"> 15<%ArrayList<String> address = (ArrayList<String>) request.getAttribute("result");%> 16<%ArrayList<String> post = (ArrayList<String>) request.getAttribute("post");%> 17<%ArrayList<String> adid = (ArrayList<String>) request.getAttribute("adid");%> 18<tr> 19<th class="th1">郵便番号</th> 20<th class="th2">住所</th> 21</tr> 22<%for(int index = 0; index < address.size(); index++ ){ %> 23<tr> 24<td class="th1"> 25<%=post.get(index)%> 26</td> 27<td class="th2"> 28<a href=""><%=address.get(index)%></a> 29</td> 30<td> 31<input type="hidden" name="update_id" value="<%=adid.get(index)%>"> 32<button type="submit" name="button" value="upd_address">住所更新<%=index %></button> 33</td> 34<td> 35<input type="hidden" name="delete_id" value="<%=adid.get(index)%>"> 36<button type="submit" name="button" id="delete1" value="del_address" onclick=" return check();">削除<%=index %></button> 37</td> 38</tr> 39<%}%> 40<tr class="tr3"> 41<td colspan = "2" align="center"> 42<button type="submit" name="button" value="add_address">追加</button> 43</td> 44</tr> 45</table> 46</form> 47<form action="success.jsp" method="get"> 48<button type="submit" name="button2">戻る</button> 49</form> 50 <script src="kensyu.js"></script> 51</body> 52</html>
js
1function check() { 2 if(window.confirm('本当に削除しますか')){ 3 document.getElementById('delete1').submit(); 4 return false; 5}else{ 6 return false; 7} 8}; 9
html
1<button type="submit" name="button" id="delete1" value="del_address" onclick=" return check();">削除<%=index %></butto
をfor文でボタンを何個も作っているため id="delete1" 同じidがたくさんできてしまいます。
jspなので
id="delete<%=index%>" で複数のidを作成は可能ですが、そうすると
document.getElementById('delete1').submit();
jsの方でどのように処理していいのか分かりませんでした。
for文でボタンを作成して 個別に処理を変えたい場合（今回は処理は同じですが）は、どのような方法があるのでしょうか？
アドバイス頂けると助かります。
回答1件
0
ベストアンサー
ただ見た感じdelete1自体サブミットボタンですよね？
サブミットするのはフォームであってボタン自体合理的ではありません
javascript
1function check() { 2 return confirm('本当に削除しますか'); 3}
的に処理をすればいいでしょう。
どうしてもidを指定してなにか処理をするならcheckに引数を渡して利用してください
投稿2019/09/13 06:43
総合スコア116694
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/09/13 06:54