javascript - 如何使用 JavaScript 生成 HTML 表单？

Question

我正在创建一个简单的 Web 应用程序，用户可以使用该应用程序编写带有附加文件的消息。

multiple html file inputs with javascript link http://img38.imageshack.us/img38/4474/attachments.gif

“附加附加文件”链接尚不起作用。每次单击时，它都应该向表单添加一个额外的文件输入控件。

我需要一个 JavaScript 方法 addanotherfileinput() 来替换单击的 anchor :

        <a href="#" id="attachlink" onclick="addanotherfileinput">attach additional files</a>

使用这个新的表格行、文件输入和 anchor :

        <input type="file" name="Attachment1" id="Attachment1" class="textinput" />
    </td>
</tr>
<tr>
    <td></td>
    <td>
        <a href="#" id="attachlink" onclick="addanotherfileinput">attach additional files</a>

并增加编号:附件 2、附件 3、附件 4 等​​。

我该怎么做？

Answer 1

您可以使用 DOM 动态插入文件输入

var myTd = /* Get the td from the dom */

var myFile = document.createElement('INPUT');
myFile.type = 'file'
myFile.name = 'files' + i; // i is a var stored somewhere
i++;

myTd.appendChild(myFile);

或者你可以使用这个

http://developer.yahoo.com/yui/examples/uploader/uploader-simple-button.html