llaay
280
2020-03-17 11:25:43 작성 2020-03-17 11:48:57 수정됨
4
172

[제이쿼리] forEach 버튼 사용방법 도움이 필요합니다


아직도 많이 배우고 있는 개발입문자입니다!

현재 <c:forEach> 문으로 값을 불러오면서, 옆에 버튼을 달아두었는데요

forEach 와 button 을 함께 사용하니, 제일 위의 버튼만 작동되어

아래와 같이 name 을 사용해 값을 불러왔습니다

<c:forEach items="${list }" var="beans">
            <tr>
               <th>${bean.client_nick1 }</th>
               <th>${beans.reply_date }</th>
	    </tr>
	    <tr>
               <td colspan="2">&nbsp; <input type="text" id="reply" name="reply" value="${beans.reply_content }" disabled/></td>
               <td><button type="button" id="edit" class="btn btn-default"><img src="https://github.com/uniqueHRH/project/blob/master/src/main/webapp/imgs/edit.png?raw=true" width="15px" height="20px" /></td>
               <td><button type="button" id="upadte" class="btn btn-default"><img src="https://github.com/uniqueHRH/project/blob/master/src/main/webapp/imgs/insert.png?raw=true" width="15px" height="20px" /></td>
               <td><button type="button" id="dele2" name="dele2${beans.reply_no }" class="btn btn-default"><img src="https://github.com/uniqueHRH/project/blob/master/src/main/webapp/imgs/delete.png?raw=true" width="15px" height="15px"/></td>
               <td>${beans.reply_no }</td>
            </tr>
         <input type="hidden" id="reply_no" name="reply_no" value="${beans.reply_no}">
         </c:forEach>


아래와 같이 값을 불러왔습니다만..

reply_no 를 호출했을 때, 버튼을 누른 값의 reply_no 을 불러와야 하는데

무조건 첫번째 값만 불러오고 있습니다..

// 삭제버튼
      $("button[name^='dele2']").on('click',function() {
         alert($('#reply_no').val());
         var con=confirm('삭제하시겠습니까?');
         if(con) {
	         $.ajax({
	            url:'../replyDel',
	            type:'POST',
	            data:{key:$('#reply_no').val()},
	            success:function() {
	            	alert('삭제완료!');
	            	location.reload();
	            },
	            error:function() {
	               alert('다시 시도해주세요');
	            }
	         });
         }
      });


선배님들의 조언 부탁드립니다

감사합니다!

0
0
  • 답변 4

  • programmerEgg
    906
    2020-03-17 11:29:58

    id로 해서 첫번째만 불러오는게 아닌지요?

    0
  • 벨제부브
    2k
    2020-03-17 11:35:18 작성 2020-03-17 11:37:48 수정됨

    삭제할때 다중삭제를 원하면 원하는 id값을 배열에 담으셔서

    던지고 마이바티스에서 for문검색하셔서 삭제를..

    일단 리스트에서 원하는 id < --pri값을 갖고오셔서

    콘솔로 찍어보세요



    0
  • scarjsp
    276
    2020-03-17 13:09:13

    alert($(this).attr('name').split('dele2')[1])

    0
  • llaay
    280
    2020-03-17 14:17:07

    programmerEgg    벨제부브   scarjsp


    어떤 식으로 해야할지 감이 왔어요!

    바쁜 시간내어 답변주셔서 감사합니다!

    오늘도 화이팅하세요!

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.