행 추가 문의 채택완료
위에서 추가 버튼을 클릭 시 아래와 같이 한 td 안에서 노출됩니다.
위에 td에 맞게 노출되게 하고 싶습니다.
소스는 아래와 같습니다.
Copy
<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>
도움 부탁 드립니다.
답변 1개
8년 전
sir 제작의뢰에서 도움을 받으시는 것이 좋습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인