insertRow,insertCell,createElement,innerHTML
insertRow,insertCell,createElement,innerHTML 을 사용하시면 됩니다.
예제입니다.
<html>
<head>
<script>
function myAdd() {
var tab=document.all.mytable;
var row=tab.insertRow();
var col=row.insertCell();
var inp=document.createElement("input");
inp.type="text";
col.innerHTML=inp.outerHTML;
}
</script>
</head>
<body>
<input type=button value=add onclick=myAdd()>
<table id=mytable border=1></table>
</body>
</html>
답변 내용 추가
맞습니다.
inp.name="test";
형태로 하시면 됩니다.
name이 같게 여러개를 주면 배열로 보시고 null확인 등의 작업을 하시면 됩니다.
예)
if (typeof(document.formname.test.length)=="undefined") {
if (document.formname.test.value=="") {
alert("test값이 null입니다");
document.formname.test.focus();
}
} else {
for (var i=0; i<document.formname.test.length; i++) {
if (document.formname.test[i].value=="") {
alert((i+1)+"번째 test값이 null입니다");
document.formname.test[i].focus();
break; //혹은 함수면 return;
}
}
}
혹은 애초에 name속성에 일련번호등을 붙여 값을 다르게 주는 방법도 있겠습니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
예제입니다.
<html>
<head>
<script>
function myAdd() {
var tab=document.all.mytable;
var row=tab.insertRow();
var col=row.insertCell();
var inp=document.createElement("input");
inp.type="text";
col.innerHTML=inp.outerHTML;
}
</script>
</head>
<body>
<input type=button value=add onclick=myAdd()>
<table id=mytable border=1></table>
</body>
</html>
답변 내용 추가
맞습니다.
inp.name="test";
형태로 하시면 됩니다.
name이 같게 여러개를 주면 배열로 보시고 null확인 등의 작업을 하시면 됩니다.
예)
if (typeof(document.formname.test.length)=="undefined") {
if (document.formname.test.value=="") {
alert("test값이 null입니다");
document.formname.test.focus();
}
} else {
for (var i=0; i<document.formname.test.length; i++) {
if (document.formname.test[i].value=="") {
alert((i+1)+"번째 test값이 null입니다");
document.formname.test[i].focus();
break; //혹은 함수면 return;
}
}
}
혹은 애초에 name속성에 일련번호등을 붙여 값을 다르게 주는 방법도 있겠습니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
댓글 2개
19년 전
오!
19년 전
주제랑은 좀 틀린거 같은데.... ㅡㅡ^
name 값을 'test[]' 주고
document.getElementsByName('test[]') 로 접근하시길 권장한다고 하네요..? 누가? 음.......
ex)
var str_var = document.getElementsByName('test[]');
for(i=0;i<str_var.length;i++) {
alert(str_var[i].value);
}
name 값을 'test[]' 주고
document.getElementsByName('test[]') 로 접근하시길 권장한다고 하네요..? 누가? 음.......
ex)
var str_var = document.getElementsByName('test[]');
for(i=0;i<str_var.length;i++) {
alert(str_var[i].value);
}
게시글 목록
| 번호 | 제목 |
|---|---|
| 340 |
HTML
cart클래스1
|
| 338 |
HTML
비교 복사
1
|
| 335 |
HTML
싸이월드 둥근 테두리 만드는 방법
2
|
| 334 | |
| 333 | |
| 330 |
HTML
포토샵 레이어의 이해
2
|
| 327 |
HTML
점선 그리는 법...
2
|
| 326 |
HTML
일러스트 단축키2
|
| 325 | |
| 324 |
HTML
XP서비스팩2 무시하고 새창 띄우기
|
| 322 |
HTML
개행문자 없애기[펌]
1
|
| 321 | |
| 320 | |
| 319 | |
| 318 |
HTML
웹 폰트 적용 시키기 - 초보자용 -
|
| 317 |
HTML
페이지 자동 이동 방법 3가지!!!
|
| 315 |
HTML
body옆의 스크롤바흔적없애기
1
|
| 314 |
HTML
마우스 오른쪽 버튼 사용금지
|
| 313 |
HTML
마우스 룰오버시 여러가지 효과내기
|
| 311 |
HTML
포토샾 팁 72가지
1
|
| 304 | |
| 285 |
HTML
디렉토리 이미지 뷰어
18
|
| 280 | |
| 279 | |
| 278 | |
| 271 | |
| 269 | |
| 266 | |
| 262 | |
| 260 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기