DIV CSS 佈局教程網

本文實例講述了JavaScript設置表單上傳時文件個數的方法。分享給大家供大家參考。具體如下：

這是一個比較實用的功能，用JavaScript來設置表單上傳文件時，根據需要生成上傳表單，要幾個生成幾個，在網易郵箱、新浪郵箱的添加附件功能裡都有這種功能，不過這一款沒有刪除表單的功能，如果輸入的多了，只好重新來過啦

運行效果如下圖所示：

具體代碼如下：

<title>JavaScript設置表單上傳時的文件個數</title>
<input type="button" name="button" value="添加附件" onclick="addInput()">
<input type="button" name="button" value="刪除附件" onclick="deleteInput()">
<span id="upload"></span>
<script type="text/javascript">
 var attachname = "attach";
 var i=1;
  function addInput(){
  if(i>0){
   var attach = attachname + i ;
   if(createInput(attach))
    i=i+1;
  }
  } 
  function deleteInput(){
   if(i>1){
   i=i-1;
   if(!removeInput())
    i=i+1;
   }
  } 
  function createInput(nm){ 
  var aElement=document.createElement("input"); 
  aElement.name=nm;
  aElement.id=nm;
  aElement.type="file";
  aElement.size="50";
  //aElement.value="thanks"; 
  //aElement.onclick=Function("asdf()"); 
   if(document.getElementById("upload").appendChild(aElement) == null)
    return false;
   return true;
  } 
  function removeInput(nm){
   var aElement = document.getElementById("upload");
   if(aElement.removeChild(aElement.lastChild) == null)
   return false;
   return true; 
  } 
</script>

希望本文所述對大家的javascript程序設計有所幫助。