안녕하세요..
아래소스로는 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
>";
그런데 쉽고 빠르고 안전하기까지 한 jQuery를 두고 자바스크립트를 생으로 만지는 이유가 있나요?
var obj = $('#tbody') ;
var tr = document.createElement('tr') ;
or
var tr = $('tr') ;
형태로 하고 난 뒤에
tr.append( document.createElement('td').addClass('클래스명추가').html('HTML내용').on('이벤트명', function(e) { 이벤트 } ) ) ;
등등으로 넣으시면 됩니다.