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