动态增加上传域的实现

[size=medium]通过点击“添加文件”，便可动态的添加一新的上传域。是这时我在工作时用到的，感觉还不错.


//将下面的内容复制到指定的位置即可使用.


<script>
var fileFieldCount = 1;
function addFileField(){
if(fileFieldCount>=10) return false
fileFieldCount++;
var f = document.createElement("input")
f.type="file" ;
f.name = "filename["+fileFieldCount+"]" ;
f.size=30 ;
p = document.getElementById("fields") ;
p.appendChild(f) ;
var br = document.createElement("br") ; //追加换行符
p.appendChild(br)

}


</script>


// 上面是页面脚本的实现


<table>
<tr>
<td colspan='4'>
<span id="fields">
<input type='file' name='filename[1]' size="30">
<br>
</span>
<small>
<a οnclick="addFileField() ; return false ;" href="#">添加其他文件</a>
</small>
</td>
</tr>
</table>


// 这是表单域，点击“添加其他文件”即可实现动态的添加上传文本域[/size]