옵션에 사용하기 위해 만들어본 코드입니다.
테스트 해본 코드이므로 별 이상은 없을것 같습니다.
동적테이블 정보가 필요하신 분들은 참고하세요.
IE, FF, 크롬에서 실행되는 것을 확이하였습니다.
<!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_tr();">
<input type=button value="열추가" onclick="add_td();">
<input type=button value="행삭제" onclick="del_row();">
<input type=button value="열삭제" onclick="del_col();">
<table id='tbl' border=1>
<thead id='thd'>
<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='tbd'>
<tr>
<td><input type=text name='opty_subj[]' size=10></td>
<td><input type=text name='opt[][]' size=10></td>
</tr>
</tbody>
</table>
<input type=submit>
</form>
<span id=msg></span>
<script>
var tbl = document.getElementById('tbl');
var thd = document.getElementById('thd');
var tbd = document.getElementById('tbd');
var tr = null;
var td = null;
var x=1, y=1;
function add_tr()
{
// 행 제목 추가
tr = document.createElement('tr');
tbd.appendChild(tr);
td = document.createElement('td');
tr.appendChild(td);
add_input('opty_subj[]');
// 열의 갯수에 따라 추가된 행의 열 추가
var thd_td = thd.getElementsByTagName('td');
for (i=0; i<thd_td.length-1; i++)
{
td = document.createElement('td');
tr.appendChild(td);
add_input('opt[][]');
}
}
function add_td()
{
// 열 제목 추가
var thd_tr = thd.getElementsByTagName('tr');
td = document.createElement('td');
thd_tr[0].appendChild(td);
add_input('optx_subj[]');
var tbd_tr = tbd.getElementsByTagName('tr');
for (i=0; i<tbd_tr.length; i++) {
//var td_tag = tr_tag[i].getElementsByTagName("td");
td = document.createElement('td');
tbd_tr[i].appendChild(td);
add_input('opt[][]');
}
}
function add_input(name)
{
var inp = document.createElement('input');
inp.setAttribute('type', 'text');
inp.setAttribute('size', '10');
inp.setAttribute('name', name);
td.appendChild(inp);
}
function del_row()
{
var tbd_tr = tbd.getElementsByTagName('tr');
//document.getElementById('msg').innerHTML = tbd_tr.length;
if (tbd_tr.length > 1)
tbd.deleteRow(tbd_tr.length-1);
}
function del_col()
{
var thd_tr = thd.getElementsByTagName('tr');
var thd_td = thd.getElementsByTagName('td');
//document.getElementById('msg').innerHTML = thd_td.length;
if (thd_td.length > 2) {
thd_tr[0].deleteCell(thd_td.length-1);
var tbd_tr = tbd.getElementsByTagName('tr');
for (i=0; i<tbd_tr.length; i++) {
var tr_td = tbd_tr[i].getElementsByTagName('td');
tbd_tr[i].deleteCell(tr_td.length-1);
}
}
}
</script>
</BODY>
</HTML>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2430 | 15년 전 | 2505 | ||
| 2429 | 15년 전 | 5497 | ||
| 2428 | 15년 전 | 1461 | ||
| 2427 |
Sizkein
|
15년 전 | 4228 | |
| 2426 | 15년 전 | 1355 | ||
| 2425 | 15년 전 | 1652 | ||
| 2424 | 15년 전 | 1626 | ||
| 2423 |
haejuksun
|
15년 전 | 1620 | |
| 2422 |
haejuksun
|
15년 전 | 1123 | |
| 2421 |
haejuksun
|
15년 전 | 1370 | |
| 2420 |
haejuksun
|
15년 전 | 1517 | |
| 2419 |
 프리웹닷컴 |
15년 전 | 1414 | |
| 2418 |
프리웹닷컴 |
15년 전 | 2139 | |
| 2417 |
원더풀라입
|
15년 전 | 1290 | |
| 2416 |
원더풀라입
|
15년 전 | 1344 | |
| 2415 |
원더풀라입
|
15년 전 | 878 | |
| 2414 |
원더풀라입
|
15년 전 | 997 | |
| 2413 |
원더풀라입
|
15년 전 | 958 | |
| 2412 |
원더풀라입
|
15년 전 | 923 | |
| 2411 |
원더풀라입
|
15년 전 | 872 | |
| 2410 |
원더풀라입
|
15년 전 | 925 | |
| 2409 |
원더풀라입
|
15년 전 | 1075 | |
| 2408 |
원더풀라입
|
15년 전 | 1084 | |
| 2407 |
원더풀라입
|
15년 전 | 2605 | |
| 2406 |
원더풀라입
|
15년 전 | 944 | |
| 2405 |
원더풀라입
|
15년 전 | 1597 | |
| 2404 |
원더풀라입
|
15년 전 | 1463 | |
| 2403 | 15년 전 | 1588 | ||
| 2402 | 15년 전 | 1292 | ||
| 2401 |
나도빌더만들까
|
15년 전 | 1775 | |
| 2400 | 15년 전 | 596 | ||
| 2399 | 15년 전 | 1087 | ||
| 2398 | 15년 전 | 1052 | ||
| 2397 | 15년 전 | 2837 | ||
| 2396 | 15년 전 | 3151 | ||
| 2395 | 15년 전 | 1830 | ||
| 2394 | 15년 전 | 1336 | ||
| 2393 |
gamebomb
|
15년 전 | 1956 | |
| 2392 |
gamebomb
|
15년 전 | 1468 | |
| 2391 |
gamebomb
|
15년 전 | 1071 | |
| 2390 | 15년 전 | 3764 | ||
| 2389 |
leadK
|
15년 전 | 1408 | |
| 2388 |
kim7031
|
15년 전 | 1519 | |
| 2387 | 15년 전 | 2735 | ||
| 2386 | 15년 전 | 1443 | ||
| 2385 | 15년 전 | 4167 | ||
| 2384 |
확실한방법
|
15년 전 | 2373 | |
| 2383 |
intel
|
15년 전 | 3150 | |
| 2382 |
확실한방법
|
15년 전 | 1767 | |
| 2381 |
 RINIX |
15년 전 | 1989 | |
| 2380 |
RINIX |
15년 전 | 1301 | |
| 2379 | 15년 전 | 4373 | ||
| 2378 | 15년 전 | 3949 | ||
| 2377 |
메가팩토리
|
15년 전 | 3774 | |
| 2376 | 15년 전 | 5185 | ||
| 2375 | 15년 전 | 3408 | ||
| 2374 | 15년 전 | 1786 | ||
| 2373 | 15년 전 | 1749 | ||
| 2372 | 15년 전 | 1888 | ||
| 2371 | 15년 전 | 1591 | ||
| 2370 | 15년 전 | 3989 | ||
| 2369 | 15년 전 | 2900 | ||
| 2368 | 15년 전 | 2095 | ||
| 2367 | 15년 전 | 1663 | ||
| 2366 | 15년 전 | 1904 | ||
| 2365 | 15년 전 | 2391 | ||
| 2364 | 15년 전 | 1478 | ||
| 2363 | 15년 전 | 2412 | ||
| 2362 | 15년 전 | 1733 | ||
| 2361 | 15년 전 | 1830 | ||
| 2360 | 15년 전 | 1475 | ||
| 2359 | 15년 전 | 2171 | ||
| 2358 | 15년 전 | 1503 | ||
| 2357 |
 JY소프트 |
15년 전 | 1920 | |
| 2356 |
헐크매니아
|
15년 전 | 2117 | |
| 2355 |
WebRIA
|
15년 전 | 1194 | |
| 2354 |
WebRIA
|
15년 전 | 1247 | |
| 2353 |
WebRIA
|
15년 전 | 1890 | |
| 2352 |
WebRIA
|
15년 전 | 5332 | |
| 2351 | 15년 전 | 1634 | ||
| 2350 |
WebRIA
|
15년 전 | 2141 | |
| 2349 | 15년 전 | 2340 | ||
| 2348 |
WebRIA
|
15년 전 | 1491 | |
| 2347 |
WebRIA
|
15년 전 | 1301 | |
| 2346 |
WebRIA
|
15년 전 | 2218 | |
| 2345 |
WebRIA
|
15년 전 | 4935 | |
| 2344 | 15년 전 | 2204 | ||
| 2343 | 15년 전 | 2863 | ||
| 2342 | 15년 전 | 1750 | ||
| 2341 | 15년 전 | 3595 | ||
| 2340 | 15년 전 | 4432 | ||
| 2339 | 16년 전 | 3115 | ||
| 2338 | 16년 전 | 2353 | ||
| 2337 | 16년 전 | 2434 | ||
| 2336 | 16년 전 | 2685 | ||
| 2335 | 16년 전 | 2173 | ||
| 2334 |
Sizkein
|
16년 전 | 5513 | |
| 2333 | 16년 전 | 3372 | ||
| 2332 | 16년 전 | 1360 | ||
| 2331 | 16년 전 | 1700 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기