动态增加上传域的实现

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



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



<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  onclick="addFileField() ; return false ;" href="#">添加其他文件</a>
               </small>
              </td>
          </tr>
</table>


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