jquery table row 추가하는 방법 질문입니다.

jquery table row 추가하는 방법 질문입니다.

QA

jquery table row 추가하는 방법 질문입니다.

본문


    $("#addBtn").on("click",function() {
   $("#table01").append( ' <tr>                                                           '
  +'                                                                '
  +'   <td rowspan="2"><input type="checkbox" name="cbx"/></td>     '
  +'                                                                '
  +'   <td>1b</td>                                                  '
  +'                                                                '
  +'   <td>John</td>                                                '
  +'                                                                '
  +'   <td>Max</td>                                                 '
  +'                                                                '
  +' </tr>                                                          '
  +'                                                                '
  +' <tr>                                                           '
  +'                                                                '
  +'   <td>3a</td>                                                  '
  +'                                                                '
  +'   <td>Bev</td>                                                 '
  +'                                                                '
  +'   <td>Abbi</td>                                                '
  +'                                                                '
  +' </tr>                                                          '
  +'                                                                '
  +' <tr>                                                           '
  +'                                                                '
  +'   <td rowspan="2"><input type="checkbox" name="cbx"/></td>     '
  +'                                                                '
  +'   <td>1b</td>                                                  '
  +'                                                                '
  +'   <td>John</td>                                                '
  +'                                                                '
  +'   <td>Max</td>                                                 '
  +'                                                                '
  +' </tr>                                                          '
 );
   });

 

addBtn 을 누르면 

table01 에 

tr을 append로 추가하는 소스입니다.

 

이것을 하드코딩으로 하다보니

조금더 업그레이드를 시키고 싶습니다.

 

$().attr{

   type :

  name: 

  

}

 

이런식으로요

input

select (combox)

checkbox 이렇게 

add버튼을 누르면 동적으로 추가 하고 싶은데 

방법이 있나요?

도움 부탁드립니다.

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 1,013
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT