`

动态网页,设置多个上传文件,innerHTML的妙用

 
阅读更多

<HTML>
<HEAD>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<META HTTP-EQUIV='Pragma' CONTENT='no-cache'>
<script language="javascript">
function $(id) {
return document.getElementById(id);
}
function add_file(valuenum)
{
$("myfile").innerHTML="";

for(i=0;i<=(valuenum-1);i++)
{
$("myfile").innerHTML+='<tr align="center"> 上传文件名'+(i+1)+':<INPUT type="file" size="50" id="file_'+i+'" name="file_'+i+'"><br></tr>';
}
alert(valuenum); <!--动态网页,设置多个上传文件,innerHTML的妙用 by yanleigis landgis@126.com-->
}
</script>
</HEAD>
<body bgcolor=#EFFFF5 >


<form action="" method="post" enctype="multipart/form-data" name="yanleigis">

<table align="center" border=1 width=50% cellpadding=4 cellspacing=1 id="yltable">

<tr bgcolor=#9FF1B8 >
<td align="right" height="20" width="50%">文件个数:</td>
<td align="left"><select name="myselnum"
onChange="add_file(this.options[this.options.selectedIndex].value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</td>
</tr>
<tr bgcolor=#66FF99 >
<td height="20" colspan="2" align="right"><DIV id=myfile>上传文件名:
<INPUT type=file size=50 name=file_0> </DIV></td>
</tr>

</table>
<table width="50%" border="0" align="center" bordercolor="#716F64" bgcolor="#66CC99">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</form>
</BODY>
</HTML>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics