리자

insertRow,insertCell,createElement,innerHTML

· 2006-05-31 (수) 10:30:26 · 3375 · 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);
}
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
06-06-05 조회 2,850
06-06-05 조회 3,084
06-06-05 조회 2,170
06-06-05 조회 2,014
06-06-02 조회 2,482
06-06-02 조회 2,392
06-06-01 조회 3,093
06-06-01 조회 6,767
06-06-01 조회 2,715
06-05-31 조회 3,195
06-05-31 조회 3,093
06-05-31 조회 1,933
06-05-31 조회 3,376
06-05-31 조회 2,200
06-05-30 조회 2,717
06-05-30 조회 2,365
06-05-29 조회 4,374
06-05-29 조회 2,481
06-05-28 조회 2,759
06-05-26 조회 3,521
06-05-26 조회 3,723
06-05-26 조회 3,245
06-05-24 조회 2,483
06-05-24 조회 3,054
06-05-24 조회 3,894