테스트 사이트 - 개발 중인 베타 버전입니다

다중데이터 저장질문드립니다. 채택완료

서잰션 5년 전 조회 1,820

</p>

<pre>
<button id='btn-add-row'>행 추가하기</button>
<button id='btn-delete-row'>행 삭제하기</button></pre>

<pre>
<table id="mytable" border="1" cellspacing="0">
  <tr>
    <th>제목</th>
    <th>일시</th>
  </tr>
  <tbody></tbody>
</table>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
  $('#btn-add-row').click(function() {
    var time = new Date().toLocaleTimeString();
    $('#mytable > tbody:last').append('<tr ><td rowspan=3><input type="text" id="input_data" name="input_data" class="input_data"> </td><td>' + time + '</td></tr>');
  });
  $('#btn-delete-row').click(function() {
    $('#mytable > tbody:last > tr:last').remove();
  });
</script></pre>

<p>

 

제타위키에서 제이쿼리를 통한 테이블행추가를 사용했고 더 응용하고싶어 저 input_data에 있는 모든 값을 db테이블당 각각 데이터1개씩 추가하는 기능을 넣어보고싶습니다.

 

예를 들어 버튼의 행추가하기를 3번눌러서 text에 값을 a,b,c 작성 후 submit버튼눌렀을 경우(board란 테이블에 연결했을경우

board

         No:1 컬럼1:a

         No:2 컬럼1:b

         No:3 컬럼1:c

)

해당 기능을 구현하기위해선 배열을 사용해야 해야하는데 어떻게 방식을 취해야 하는지 알려주시면

 

감사하겠습니다...

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
e
5년 전

name="input_data[]"

이렇게 수정하시면,

$input_data 배열로 값이 넘어갑니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

서잰션
5년 전
이제 확인했습니다 설명해주신대로 하니까 되게 잘됩니다 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인