아래의 코드에는 버그가 있네요. 다시 올립니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form method=post action="a2_post.php">
<input type=button value="행추가" onclick="add_row();">
<input type=button value="열추가" onclick="add_col();">
<input type=button value="행삭제" onclick="del_row();">
<input type=button value="열삭제" onclick="del_col();">
<table id='stock_table' border=1>
<thead id='stock_thead'>
<tr>
<td>
<input type=text name=opty size=4>
<input type=text name=optx size=4>
</td>
<td>
<input type=text name='optx_subj[]' size=10>
</td>
</tr>
</thead>
<tbody id='stock_tbody'>
<tr>
<td><input type=text name='opty_subj[]' size=10></td>
<td><input type=text name='opt[0][]' size=10></td>
</tr>
</tbody>
</table>
<input type=submit>
</form>
<span id=msg></span>
<script>
var stock_table = document.getElementById('stock_table');
var stock_thead = document.getElementById('stock_thead');
var stock_tbody = document.getElementById('stock_tbody');
var stock_tr = null;
var stock_td = null;
var stock_x = 0;
var stock_y = 0;
var msg = document.getElementById('msg');
function add_row()
{
// 행 제목 추가
stock_tr = document.createElement('tr');
stock_tbody.appendChild(stock_tr);
stock_td = document.createElement('td');
stock_tr.appendChild(stock_td);
add_input('opty_subj[]');
stock_y++;
// 열의 갯수에 따라 추가된 행의 열 추가
var stock_thead_td = stock_thead.getElementsByTagName('td');
for (i=0; i<stock_thead_td.length-1; i++)
{
stock_td = document.createElement('td');
stock_tr.appendChild(stock_td);
add_input('opt['+stock_y+'][]');
}
}
function add_col()
{
// 열 제목 추가
var stock_thead_tr = stock_thead.getElementsByTagName('tr');
stock_td = document.createElement('td');
stock_thead_tr[0].appendChild(stock_td);
add_input('optx_subj[]');
var stock_tbody_tr = stock_tbody.getElementsByTagName('tr');
for (i=0; i<stock_tbody_tr.length; i++) {
stock_td = document.createElement('td');
stock_tbody_tr[i].appendChild(stock_td);
add_input('opt['+i+'][]');
}
}
function add_input(name)
{
var inp = document.createElement('input');
inp.setAttribute('type', 'text');
inp.setAttribute('size', '10');
inp.setAttribute('name', name);
stock_td.appendChild(inp);
}
function del_row()
{
var stock_tbody_tr = stock_tbody.getElementsByTagName('tr');
if (stock_tbody_tr.length > 1) {
stock_tbody.deleteRow(stock_tbody_tr.length-1);
stock_y--;
}
}
function del_col()
{
var stock_thead_tr = stock_thead.getElementsByTagName('tr');
var stock_thead_td = stock_thead.getElementsByTagName('td');
if (stock_thead_td.length > 2) {
stock_thead_tr[0].deleteCell(stock_thead_td.length-1);
var stock_tbody_tr = stock_tbody.getElementsByTagName('tr');
for (i=0; i<stock_tbody_tr.length; i++) {
var tr_td = stock_tbody_tr[i].getElementsByTagName('td');
stock_tbody_tr[i].deleteCell(tr_td.length-1);
}
}
}
</script>
</BODY>
</HTML>
댓글 3개
그런데 이런거는 어때요????
http://recall.tistory.com/169
얼마전 허접멀티옵션 작업 했었는데.. 기다릴걸 그랬나;
<tr id="first" >
<td>1</td>
function add() {
var root = document.getElementById( "first").parentNode;
var clone= document.getElementById( "first").cloneNode( true);
var cells= clone.getElementsByTagName("input");
for( i=0; i< cells.length; i++) if( cells[i].type=="text") cells[i].value='';
clone.firstChild.innerText=++seq;
root.appendChild( clone);
}
<td안에 <input type="text"가 있는 경우.......
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3130 | 14년 전 | 1467 | ||
| 3129 | 14년 전 | 1162 | ||
| 3128 | 14년 전 | 1037 | ||
| 3127 |
조이온라인
|
14년 전 | 997 | |
| 3126 |
마케팅메지션
|
14년 전 | 1369 | |
| 3125 | 14년 전 | 971 | ||
| 3124 | 14년 전 | 1352 | ||
| 3123 |
마케팅메지션
|
14년 전 | 1063 | |
| 3122 | 14년 전 | 910 | ||
| 3121 | 14년 전 | 1159 | ||
| 3120 | 14년 전 | 1279 | ||
| 3119 | 14년 전 | 1016 | ||
| 3118 | 14년 전 | 1523 | ||
| 3117 | 14년 전 | 1232 | ||
| 3116 | 14년 전 | 1562 | ||
| 3115 |
windday
|
14년 전 | 1252 | |
| 3114 | 14년 전 | 1168 | ||
| 3113 | 14년 전 | 1247 | ||
| 3112 | 14년 전 | 3714 | ||
| 3111 | 14년 전 | 1055 | ||
| 3110 | 14년 전 | 2244 | ||
| 3109 | 14년 전 | 3704 | ||
| 3108 | 14년 전 | 1656 | ||
| 3107 | 14년 전 | 1594 | ||
| 3106 | 14년 전 | 2288 | ||
| 3105 | 14년 전 | 1468 | ||
| 3104 | 14년 전 | 1475 | ||
| 3103 | 14년 전 | 1697 | ||
| 3102 | 14년 전 | 1184 | ||
| 3101 | 14년 전 | 2025 | ||
| 3100 | 14년 전 | 1544 | ||
| 3099 | 14년 전 | 1162 | ||
| 3098 | 14년 전 | 1304 | ||
| 3097 | 14년 전 | 1083 | ||
| 3096 | 14년 전 | 1545 | ||
| 3095 | 14년 전 | 932 | ||
| 3094 | 14년 전 | 2143 | ||
| 3093 | 14년 전 | 1141 | ||
| 3092 | 14년 전 | 979 | ||
| 3091 | 14년 전 | 1441 | ||
| 3090 | 14년 전 | 1431 | ||
| 3089 | 14년 전 | 1373 | ||
| 3088 | 14년 전 | 1525 | ||
| 3087 | 14년 전 | 1192 | ||
| 3086 | 14년 전 | 1135 | ||
| 3085 | 14년 전 | 1757 | ||
| 3084 | 14년 전 | 1288 | ||
| 3083 | 14년 전 | 933 | ||
| 3082 |
 KCM김치맛 |
14년 전 | 1113 | |
| 3081 | 14년 전 | 3185 | ||
| 3080 |
 신현종실장 |
14년 전 | 1244 | |
| 3079 | 14년 전 | 947 | ||
| 3078 |
마케팅메지션
|
14년 전 | 1025 | |
| 3077 | 14년 전 | 822 | ||
| 3076 | 14년 전 | 887 | ||
| 3075 | 14년 전 | 1372 | ||
| 3074 | 14년 전 | 1072 | ||
| 3073 | 14년 전 | 916 | ||
| 3072 | 14년 전 | 1168 | ||
| 3071 | 14년 전 | 760 | ||
| 3070 | 14년 전 | 937 | ||
| 3069 | 14년 전 | 1111 | ||
| 3068 | 14년 전 | 973 | ||
| 3067 | 14년 전 | 885 | ||
| 3066 | 14년 전 | 948 | ||
| 3065 | 14년 전 | 1113 | ||
| 3064 |
하모니칼수
|
14년 전 | 1131 | |
| 3063 |
마케팅메지션
|
14년 전 | 1305 | |
| 3062 | 14년 전 | 1134 | ||
| 3061 | 14년 전 | 676 | ||
| 3060 |
 북한산여우 |
14년 전 | 812 | |
| 3059 | 14년 전 | 1157 | ||
| 3058 | 14년 전 | 1237 | ||
| 3057 | 14년 전 | 669 | ||
| 3056 | 14년 전 | 2051 | ||
| 3055 | 14년 전 | 1479 | ||
| 3054 | 14년 전 | 1050 | ||
| 3053 | 14년 전 | 1011 | ||
| 3052 |
 홈피공장장 |
14년 전 | 1168 | |
| 3051 | 14년 전 | 1915 | ||
| 3050 |
떠돌이이병
|
14년 전 | 1180 | |
| 3049 | 14년 전 | 1117 | ||
| 3048 | 14년 전 | 1155 | ||
| 3047 | 14년 전 | 1078 | ||
| 3046 | 14년 전 | 1131 | ||
| 3045 |
마케팅메지션
|
14년 전 | 873 | |
| 3044 | 14년 전 | 1460 | ||
| 3043 | 14년 전 | 1007 | ||
| 3042 | 14년 전 | 859 | ||
| 3041 | 14년 전 | 2826 | ||
| 3040 | 14년 전 | 619 | ||
| 3039 | 14년 전 | 1071 | ||
| 3038 | 14년 전 | 1046 | ||
| 3037 | 14년 전 | 1014 | ||
| 3036 | 14년 전 | 863 | ||
| 3035 | 14년 전 | 1192 | ||
| 3034 |
마케팅메지션
|
14년 전 | 1240 | |
| 3033 | 14년 전 | 889 | ||
| 3032 | 14년 전 | 1296 | ||
| 3031 |
마케팅메지션
|
14년 전 | 922 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기