Add additional form elements of type='file' on click

[desireDEvoid]

I've tried searching on this forum and google but to no avail. What I have is a basic form that allows a user to upload a file, and then emails the file. I want to add the functionality of uploading an arbitrary number of files, in a sleek fashion. Specifically a button that when you click on it an additional file upload form is added, and so the user can do this multiple times for up to around 10 files at once.

Thanks!

~glen

[ednark]

untested pseudocode : use the dom to add <li> tags containing in <input type="file"> to an existing <ul id="fileList">tag

function addFileSelector () 
{
  var ul= document.getElementById('fileList')

  var newLI = document.createElement('LI')

  var newText = document.createTextNode('File : ')

  var newFileElement = document.createElement('INPUT')
  newFileElement.id = 'blah'
  newFileElement.setAttribute('type','file')
  newFileElement.setAttribute('name','file[]')

  newLI.appendChild(newText)
  newLI.appendChild(newFileElement)
  ul.appendChild(newLI)
}