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);
}
게시글 목록
| 번호 | 제목 |
|---|---|
| 10705 |
Linux
LINUX 해킹당했을 때 대처요령
2
|
| 10698 | |
| 10697 |
Flash
웹문서에 페이지 로딩중 효과 | SCRIPT
|
| 10693 |
JavaScript
플래쉬에서팝업창띄우기
3
|
| 10687 |
Flash
플래쉬 팁 여러가지
5
|
| 10683 | |
| 10681 | |
| 10680 | |
| 10677 | |
| 10671 | |
| 10670 |
JavaScript
smtp로 메일보내기(102번 게시물과는 다른 방법)
|
| 10666 | |
| 10664 |
JavaScript
아이프레임 자동으로 늘어나는 자바 스크립트.
1
|
| 10658 | |
| 10656 | |
| 10653 | |
| 10652 | |
| 10651 | |
| 10650 | |
| 10649 | |
| 10648 | |
| 10646 | |
| 10645 |
Linux
리눅스 CD로 망가진 파일복구하기
|
| 10642 |
MySQL
25가지 sql 작성법
2
|
| 28809 |
HTML
union top n 가져오기
1
|
| 10641 | |
| 10638 |
JavaScript
이미지 테두리 없애기 스타일 시트
2
|
| 10637 | |
| 10636 |
JavaScript
window.open property | +JavaScript
|
| 10635 | |
| 28808 | |
| 10634 |
JavaScript
이메일 selectbox | +JavaScript
|
| 10632 |
JavaScript
[Javascript] 끊기지 않는 배너 롤링
1
|
| 28807 |
HTML
[자바스크립트] 오늘 날짜 함수
|
| 28806 |
HTML
[자바스크립트] 라디오 버튼 비활성
|
| 10631 |
JavaScript
[Javascript] id값 변수명으로 치환
|
| 10630 | |
| 10629 |
기타
무단링크 금지 스크립트
|
| 28805 | |
| 10627 |
JavaScript
상태바의 링크 주소 감추기
1
|
| 10626 | |
| 10625 | |
| 28804 | |
| 28803 |
HTML
프레임 소스보기 막기
|
| 10624 | |
| 10623 | |
| 28802 | |
| 10622 | |
| 10620 | |
| 10619 | |
| 10618 | |
| 10616 | |
| 10615 | |
| 10613 | |
| 10611 |
MySQL
서버 상태 값 주기적으로 메일로 발송하기
1
|
| 28799 | |
| 10610 |
JavaScript
이미지도용막기
|
| 10608 | |
| 28798 |
HTML
유용한 PHP성능 개선을 위한 팁
|
| 10604 |
JavaScript
작업창이 상단메뉴바까지 올라가서 옮길수 없을때..
3
|
| 28794 |
HTML
포토샵 화면이 좁을경우..
3
|
| 10602 | |
| 10600 | |
| 28793 | |
| 10596 | |
| 10595 |
JavaScript
리눅스 SendMail 속도 UP
|
| 10593 |
기타
폼 검증용 함수
1
|
| 28792 | |
| 28791 | |
| 28790 |
HTML
콤보박스 출력용 함수
|
| 10592 |
JavaScript
특정 확장자의 아이콘을 링크 테그형태로 만들어 주는 함수
|
| 28789 |
HTML
파일업로드 클래스~~
|
| 28787 |
HTML
날짜비교 함수
1
|
| 10591 |
JavaScript
자주사용하는 자바스크립트를 클래스로 묶어봤습니다.
|
| 10590 | |
| 10589 |
JavaScript
nylon 을 이용해 리눅스에서 sock4/5 운영하기
|
| 28785 | |
| 10588 |
JavaScript
Ajax강의- 두번째 강의의 pdf(프리젠테이션) 41-49
|
| 10587 | |
| 28783 |
HTML
테이블안에 있는 글 자동 정렬하기
1
|
| 10586 | |
| 28782 | |
| 10585 |
JavaScript
Ajax강의- 첫번째 강의의 pdf중 발표문건 51-60
|
| 10574 | |
| 10571 |
JavaScript
자신의 별자리
2
|
| 10570 |
JavaScript
Ajax강의- 첫번째 강의의 pdf중 발표문건 41-50
|
| 28778 | |
| 10568 | |
| 10567 | |
| 28777 | |
| 10564 |
기타
레이어안에 달력
2
|
| 10562 | |
| 10561 |
기타
채널모드로 윈도우 열기
|
| 28776 |
HTML
전체화면으로 페이지 열기
|
| 10559 |
JavaScript
여러가지 방법으로 창닫기
1
|
| 10558 | |
| 28775 | |
| 28774 | |
| 10557 |
JavaScript
가짜 카운터 달기
|
| 10556 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기