<html>
<head>
<script type="text/javascript">
var counter =1;
function UpdateMultiple () {
var fileInput = document.getElementById ("fileInput");
}
function AddFileUpload() {
var div = document.createElement('DIV');
div.innerHTML =
'<tr><td>select files to upload <input id="file' + counter + '" name = "file' + counter +
'" type="file" /></td></tr>'
+ '<input id="Button' + counter + '" type="button" ' + 'value="Remove" onclick = "RemoveFileUpload(this)" />'+'Tag Here<input id="tag'+ counter +'"name="tags' + counter +'"type="text"/>'+'<dfn>Enter Tags with Comma Separated</dfb>';
document.getElementById("FileUploadContainer").appendChild(div);
counter++;
}
function RemoveFileUpload(div) {
document.getElementById("FileUploadContainer").removeChild(div.parentNode);
}
</script>
</head>
<body>
<form action="MultifileServ" method="post" enctype="multipart/form-data">
<table>
<tr><td>Incident Location<input type="text" name="incidentlocation"></td></tr>
<tr><td>Incident Time<input type="time" name="incidenttime"></td></tr>
<tr><td>Incident Date<input type="time" name="incidentdate"></td></tr>
<tr><td>Select files to upload: <input id="fileInput" type="file" name="file0"/>
Tag Here <input id="tag1" type="text" name="tags0"><dfn>Enter Tags with Comma separated</dfn> </td></tr>
<tr><td><input id="Button1" onclick="AddFileUpload()" style="height: 27px; width: 74px;" tabindex="25" type="button" value="New File"/></td></tr>
<tr><td><div id="FileUploadContainer"></div></br></td></tr>
<tr><td><input type="submit" value="Upload File" /></td></tr>
</table>
</form>
</body>
</html>
Ads
