행 추가 문의
본문
위에서 추가 버튼을 클릭 시 아래와 같이 한 td 안에서 노출됩니다.
위에 td에 맞게 노출되게 하고 싶습니다.
소스는 아래와 같습니다.
<script language="javascript">
function addItem() {
var lo_table = document.getElementById("TblAttach");
var row_index = lo_table.rows.length; // 테이블(TR) row 개수
newTr = lo_table.insertRow(row_index);
newTr.idName = "newTr" + row_index;
newTd=newTr.insertCell(0);
newTd.align = "center";
newTd.innerHTML= "<tr><td ><div class='selectSet'><label for='s16'>인턴</label><select id='s16' name='re_woo_a[]'><option value='인턴' selected>인턴</option><option value='아르바이트'>아르바이트</option> <option value='교육사항'>교육사항</option><option value='어학연수'>어학연수</option></select></div></td><td><input type='text' name='re_woo_b[]' class='wFull' /></td><td><input type='text' name='re_woo_c[]' class='wFull' /></td><td><span class='dateSet'><input type='text' name='re_woo_d[]' class='datepicker w80' /></span> ~<span class='dateSet'><input type='text' name='re_woo_e[]' class='datepicker w80' /></span></td><td><input type='text' name='re_woo_f[]' class='wFull' /></td><td><input type='text' name='re_woo_g[]' class='wFull' /></td><td><input type='text' name='re_woo_h[]' class='wFull' /></td></tr>";
}
function delItem(){
var lo_table = document.getElementById("TblAttach");
var row_index = lo_table.rows.length-1; // 테이블(TR) row 개수
if(row_index > 0) lo_table.deleteRow(row_index);
}
</script>
<div class="tbWrite" id="layer1">
<table id="TblAttach" border=1>
<colgroup>
<col width='100' />
<col width='160' />
<col width='180' />
<col width='260' />
<col width='100' />
<col width='100' />
<col width='100' />
</colgroup>
<thead>
<tr>
<th>활동 경험</th>
<th>활동 단체 / 소속명</th>
<th>활동 내역</th>
<th>활동 기간</th>
<th>장소</th>
<th>시작사유</th>
<th>종료사유</th>
</tr>
</thead>
<tbody>
<!-- Loop -->
<tr>
<td>
<div class='selectSet'>
<label for='s16'>인턴</label>
<select id='s16' name='re_woo_a[]'>
<option value='인턴' selected>인턴</option>
<option value='아르바이트'>아르바이트</option>
<option value='교육사항'>교육사항</option>
<option value='어학연수'>어학연수</option>
</select>
</div>
</td>
<td><input type='text' name='re_woo_b[]' class='wFull' /></td>
<td><input type='text' name='re_woo_c[]' class='wFull' /></td>
<td>
<span class='dateSet'>
<input type='text' name='re_woo_d[]' class='datepicker w80' />
</span> ~
<span class='dateSet'>
<input type='text' name='re_woo_e[]' class='datepicker w80' />
</span>
</td>
<td><input type='text' name='re_woo_f[]' class='wFull' /></td>
<td><input type='text' name='re_woo_g[]' class='wFull' /></td>
<td><input type='text' name='re_woo_h[]' class='wFull' /></td>
</tr>
<!-- //Loop -->
</tbody>
</table>
<td width="100" align=center>
<input type=button value="추가" onclick="addItem();">
<input type=button value="삭제" onclick="delItem();">
</td>
</div>
도움 부탁 드립니다.
답변을 작성하시기 전에 로그인 해주세요.
