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

jquery table row 추가하는 방법 질문입니다. 채택완료

선구자 8년 전 조회 4,022

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

 

addBtn 을 누르면 

table01 에 

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

 

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

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

 

$().attr{

   type :

  name: 

  

}

 

이런식으로요

input

select (combox)

checkbox 이렇게 

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

방법이 있나요?

도움 부탁드립니다.

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

답변 1개

채택된 답변
+20 포인트
플라이
8년 전

일반적으로 제공되고 있는 jquery 구문이라 원하시는 방법으로 변형해서 쓸수는 없습니다.

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

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

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

로그인