2011-02-23 2 views
0

for 루프 내에서 동적으로 테이블에 행을 추가하려고합니다. 사용자가 라디오 버튼 목록에서 1,2,3 또는 4를 선택하면 해당 행 수가 표에 추가됩니다. 테이블에는 처음에는 전혀 행이 없습니다.표 (<table>)에 행 (<tr>)을 추가 하시겠습니까?

편집 :

나는 아마 루프 선택한 항목의 값과 같은 행을 추가 할 (아마도 거기에 몇 가지 다른 방법) 및 일련 번호와 현재 날짜에 개월을 추가합니다.

여기에 나중에 자바 스크립트 나 다른 방법을 통해 그들에게 서버 측을 가져 오기 때문에 내가 라벨 안에 날짜를 둘 필요가 내 바이올린 JSFiddle

입니다.

+0

샘플 코드를 jsfiddle.net에 게시하십시오. 그러면 우리가 도와 드리겠습니다. – corroded

+0

@ damien, 당신은 정기적으로 talbe 뜻 ?? – kobe

+0

@gov 예, 일반 테이블을 의미합니다. @ 몇 분 안에 그것을하고 @corroded ... –

답변

6

확실히.

var num = parseInt($('.radio-button-list:selected').val()); 
for (var i = 0; i < num; i++) { 
    var row = $('<tr></tr>'); 

    // todo: build your table row appropriately here 
    $('#my-table').append(row); 
} 
+0

감사합니다 DarkWing, 제 예를 확인하십시오. 또한 헤더에 헤더를 넣지 않으면 아무 것도 추가하지 않을 것입니다. 처음에는 비어있는 테이블에 행을 추가 할 방법이 없습니까? –

+0

시나리오에 대한 제 질문 : 빈 테이블 행이 어느 시점에 만들어 질까요? 그들은 영원히 비어있게 될 것입니까? –

+0

페이지가 초기 상태의 행없이로드됩니다. 사용자가 테이블에 모든 행을 추가하거나 삭제할 수 있습니다. –

관련 문제