本文實例講述了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程序設計有所幫助。