Adding form fields dynamicly

[emperor-laban]

How can I add more <input type="file" /> -fields by the click of a
button? The idea is that the clients should be able to upload a number
of files from the same form, but I shouldn't need to know how many
fields they need to begin with. Would be good to have an option to
remove fields as well.

 

[Martin Honnen]

How can I add more <input type="file" /> -fields by the click of a
button? The idea is that the clients should be able to upload a number
of files from the same form, but I shouldn't need to know how many
fields they need to begin with. Would be good to have an option to
remove fields as well.

You can create elements with the factory method createElement of the
document and then insert it as needed in your document with e.g.
appendChild called on the element you want to insert the input it, for
instance the form element object or one of its descendants:
var input;
if (document.createElement && (input =
document.createElement('input'))) {
input.type = 'file';
input.name = 'file1';
input.id = 'file1';
form.appendChild(input);
}