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

insertRow,insertCell,createElement,innerHTML

· 19년 전 · 3348 · 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);
}

게시글 목록

번호 제목
10937
10936
10926
10924
20444
10919
20468
10913
10911
10910
10907
10905
10904
10900
10897
10895
20418
20428
20396
10894
JavaScript 공백제거
10892
10890
10887
10884
10873