Where The Streets Have No Name

input 박스 로딩없이 갯수 조절하기 본문

Developement/Web

input 박스 로딩없이 갯수 조절하기

highheat 2006. 4. 1. 02:32

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>

</HEAD>


<BODY>
<FORM  NAME="form1">
<SELECT NAME="AttachCount" onChange="AttachFNum()">
<OPTION SELECTED>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10</SELECT>
<DIV ID="attach1" STYLE="position:relative; display:"";"> 
 
<INPUT  TYPE=file NAME="1">   
</DIV><DIV ID="attach2" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="2">   
</DIV><DIV ID="attach3" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="3">   
</DIV><DIV ID="attach4" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="4">   
</DIV><DIV ID="attach5" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="5">   
</DIV><DIV ID="attach6" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="6">   
</DIV><DIV ID="attach7" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="7">   
</DIV><DIV ID="attach8" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="8">   
</DIV><DIV ID="attach9" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="9">   
</DIV><DIV ID="attach10" STYLE="position:relative; display:none;">
 
<INPUT  TYPE=file NAME="10">   
</DIV>

* 첨부하실 파일의 수를 선택하신후 버튼을 눌러주십시오.(최대 첨부파일수 10)
<Script Language="JavaScript">
// document.forms[0].AttachCount.selectedIndex = 0
function AttachFNum() {
      var tmp = document.forms[0].AttachCount.selectedIndex;

       for (var i=1; i < tmp+2; i++) {
           attach = eval("document.all.attach" + i);
           attach.style.display = "";
      }

       for (var j=tmp+2; j < 11; j++) {
           attach = eval("document.all.attach" + j);
           attach.style.display = "none";
           tmpfile = attach.innerHTML;
           attach.innerHTML = tmpfile;
      }
}

//-->
</SCRIPT>
</form>
</BODY>
</HTML>

'Developement/Web' Related Articles more