spring 게시판 행 추가 후 게시글

제목 그대로 스프링게시판에서 글을 쓸때 행추가 버튼으로 추가를 하고 글을 작성하면

ex 1행 A

2행 B

결과 게시글 A,B

이렇게 나옵니다

원하는 결과

게시글 A

게시글 B

행 추가 한만큼 게시글이 나오는 방법 알고싶슴다

Copy

<%@ page language="java" contentType="text/html; charset=EUC-KR"

pageEncoding="EUC-KR"%>

<%@include file="/WEB-INF/views/common/common.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>boardWrite</title>

</head>

<script type="text/javascript">

 

$j(document).ready(function(){

 

 

 

 

$j("#submit").on("click",function(){

 

 

var $frm = $j('.boardWrite :input');

var param = $frm.serialize();

var $frm1 = $j('.html1 :input');

var param1 = $frm1.serialize();

 

$j.ajax({

url : "/board/boardWriteAction.do?",

dataType: "json",

type: "POST",

data : param,

success: function(data, textStatus, jqXHR)

{

alert("작성완료");

alert(param)

alert(param1)

alert("메세지:"+data.success);

 

location.href = "/board/boardList.do";

},

error: function (jqXHR, textStatus, errorThrown)

{

alert("실패");

}

 

//

 

 

 

 

});

 

});

//행추가

 

 

$j("#formAdd").on("click", function(){

 

 

 

 

 

/* 행복사

 

var tableClone = $j('#CopyTable').clone().find("input[name=boardTitle]").val("").end()

.find("#boardComment").val("").end();

tableClone.insertAfter('#CopyTable');

 

 

 

 

$j("#CopyTable").append(

"<td><input type='checkbox' name='chkbox'></td>");

 

*/

var html = '<tbody class="html1">'+

'<tr>'+

 

'<td><input type="checkbox" name="chkbox"></td>'+

'</tr>'+

 

'<tr>'+

 

'<td width="120" align="center">Title</td>'+

'<td width="400"><input name="boardTitle" type="text" size="50" ></td>'+

'</tr>'+

'<tr>'+

'<td height="300" align="center">Comment</td>'+

'<td valign="top"><textarea name="boardComment" rows="20" cols="55"></textarea></td>'+

'</tr>'

 

+'</tbody>';

 

$j('#CopyTable').append(html);

 

 

 

 

});

 

 

 

 

 

 

//행삭제

$j("#formDelete").on("click", function(){

 

 

 

 

 

var $obj = $j("input[name='chkbox']");

var checkCount = $obj.size();

 

if($j("input[name='chkbox']:checked").length ===0){

alert("삭제항목을선택해주세요")

 

}else{

 

for (var i=0; i<checkCount; i++){

if($obj.eq(i).is(":checked")){

$obj.eq(i).parent().parent().parent().remove();

alert("삭제되었습니다")

}

}

 

 

 

}

 

 

 

});

 

 

 

});

 

</script>

<body>

<form class="boardWrite">

 

 

<table align="center">

 

 

<tr>

 

<td align="right">

<input id="formAdd" type="button" value="행추가">

<input id="formDelete" type="button" value="행삭제하기">

<input id="submit" type="button" value="작성"></td>

 

 

</tr>

<tr>

<td>

<table border="1" id="CopyTable">

 

<tbody >

 

<tr>

 

<td width="120" align="center">Title

 

</td>

 

<td width="400"><input name="boardTitle" type="text"

size="50" value="${board.boardTitle}"></td>

</tr>

<tr>

<td height="300" align="center">Comment</td>

<td valign="top"><textarea id="boardComment"

name="boardComment" rows="20" cols="55">${board.boardComment}</textarea>

</td>

</tr>

 

</tbody>

<tfoot>

<tr>

<td align="center">Writer</td>

<td></td>

</tr>

</tfoot>

</table>

</td>

</tr>

<tr>

<td align="right"><a href="/board/boardList.do">List</a></td>

</tr>

</table>

</form>

</body>

</html>

spring 게시판 행 추가 후 게시글

답변 1개

공유하기