欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript設置表單上傳時文件個數(shù)的方法

 更新時間:2015年08月11日 12:44:52   作者:皮蛋  
這篇文章主要介紹了JavaScript設置表單上傳時文件個數(shù)的方法,可實現(xiàn)動態(tài)增加及刪除表單上傳按鈕的功能,非常簡單實用,需要的朋友可以參考下

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

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

運行效果如下圖所示:

具體代碼如下:

<title>JavaScript設置表單上傳時的文件個數(shù)</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程序設計有所幫助。

相關文章

最新評論