묻고답하기
테이블의 행을 늘리는 스크립트는 없나요?
2002.04.14 17:43
예를들어서요..
◎ 1행 ◎ 2행 ◎ 3행 ◎ 4행
이렇게 라디오 버튼이 있을때 3행을 클릭하면 테이블의 행이 3줄이 추가가 되서 늘어나는거에요..
그리고 늘어나는 행의 TD안에는 input 박스들이 들어있구요..
테이블의 행 늘리는 스크립트만 있으면 해결될듯한데..
아무리 찾아봐도 행을 늘리는 스크립트는 못찾겠어영..ㅡㅡ;;
헬푸미~~~
◎ 1행 ◎ 2행 ◎ 3행 ◎ 4행
이렇게 라디오 버튼이 있을때 3행을 클릭하면 테이블의 행이 3줄이 추가가 되서 늘어나는거에요..
그리고 늘어나는 행의 TD안에는 input 박스들이 들어있구요..
테이블의 행 늘리는 스크립트만 있으면 해결될듯한데..
아무리 찾아봐도 행을 늘리는 스크립트는 못찾겠어영..ㅡㅡ;;
헬푸미~~~
<!--
function check(n)
{
var HTML="<table border=1>";
for(i=0; i<n; i++)
HTML+="<tr><td><input type=text name=no"+i+"></td></tr>";
HTML+="</table>";
document.all.table.innerHTML=HTML;
}
//-->
</SCRIPT>
위 부분은 헤드부분에...
아래는 바디 부분에 넣어서 실행해보세요.. 위의 태그들은 태충 응용해서 고치시면 됩니다.
input에 값을 넘기실 요량이시면 name값을 no1이런식으로 했으니 그값을 받으시면 됩니다.
<input type="radio" name="rn" value="1" onclick="check(this.value)" selected>1행 <input type="radio" name="rn" value="2" onclick="check(this.value)">2행
<input type="radio" name="rn" value="3" onclick="check(this.value)">3행 <input type="radio" name="rn" value="4" onclick="check(this.value)">4행</p>
<div id=table></div>