테스트 사이트 - 개발 중인 베타 버전입니다

insertRow,insertCell,createElement,innerHTML

· 19년 전 · 3338 · 2
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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

오!
주제랑은 좀 틀린거 같은데.... ㅡㅡ^

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);
}

게시글 목록

번호 제목
11561
11560
11559
11558
17729
11556
20266
20263
11554
11551
11550
11549
11548
20259
11547
11546
11544
11542
287
11541
11539
11538
11537
11536
20682