TAble 동적 TR 생성 쿼리

   조회 4046   추천 0    

 안녕하세요..


아래소스로는 2개를 생성할시 키값을 2개다  가져올수없을것같습니다. 
이유인즉슨 name도 같아질뿐입니다. this로 할려고해도 다른액션기능도 있기에 this로도 못하게됩니다. 

자동으로 tr생성하는걸봐도  딱히  각 tr의 대한 데이터를 넘기는건 없던데.. 
무슨방법이있을까요 ?


var my_tbody = document.getElementById('code_tbody2');

var row = code_tbody2.insertRow(code_tbody2.rows.length ); // 하단에 추가

 

var cell1 = row.insertCell(0);

var cell2 = row.insertCell(1);

var cell3 = row.insertCell(2);

var cell4 = row.insertCell(3);

var cell5 = row.insertCell(4);

var cell6 = row.insertCell(5);

var cell7 = row.insertCell(6);

var cell8 = row.insertCell(7);

cell1.innerHTML = "<td> <input type='checkbox' name='chk2' value='chk2' /></td>";

cell2.innerHTML = "<td></td>";

cell3.innerHTML = "<td> <input type='text'   name='CdGrpNm' class='txtEntry01' style='width:70px';margin-left:'0px';/></td>";

cell4.innerHTML = "<td> <input type='text'   name='CdGrpDesc' class='txtEntry01' style='width:200px';margin-left:'0px';/></td>";

cell5.innerHTML = "<td><input type='text'   name='CdGrpesc' class='txtEntry01' style='width:70px';margin-left:'0px';/></td>";

cell6.innerHTML = "<td></td>";

cell7.innerHTML = "<td></td>";

cell8.innerHTML = "<td></td>";

박지훈
짧은글 일수록 신중하게.
김용남 2017-03
name을 array로 만들수 있습니다. ex) name='CdGrpNm[]'

그런데 쉽고 빠르고 안전하기까지 한 jQuery를 두고 자바스크립트를 생으로 만지는 이유가 있나요?
강한구 2017-03
보통 저렇게 해서 더 어렵더라구요 요즘은 jquery 로 만듭니다.

var obj = $('#tbody') ;
var tr = document.createElement('tr') ;
or
var tr = $('tr') ;
형태로 하고 난 뒤에
tr.append( document.createElement('td').addClass('클래스명추가').html('HTML내용').on('이벤트명', function(e) { 이벤트 } ) ) ;
등등으로 넣으시면 됩니다.


QnA
제목Page 1528/5711
2015-12   1699235   백메가
2014-05   5165002   정은준1
2018-08   3920   큐님
2018-03   3920   버프엔지니…
2014-02   3920   윈도우10
2016-03   3920   팀버
2015-03   3920   소년시대
2015-03   3920   불로소득
2017-10   3920   삐돌이슬픔이
2018-07   3920   솔내음
2015-08   3920   comduck
2014-11   3920   천외천oo노…
2015-02   3920   노도잠들다
2017-07   3920   수필처럼
2016-10   3920   Won낙연
2016-09   3920   김건우
2020-02   3920   나의정체는
2021-06   3920   김민수2
2018-11   3920   컴박
2018-02   3920   crogym
2017-07   3920   SOGm
2018-10   3921   이니이니