使用javascript将文本框数组添加到html中出错

Question

我的代码哪里错了？

    <script>
        function add(){
            /* Get your form */
        form = document.getElementById("test");
            /* Create your input element */
        input = document.createElement("input");
        input.type="text";
        input.name="array['artists']";
            /* Append to form */
        form.appendChild(input);
        alert("done");
        }
    </script>

<table>
<tr>
 <td align="right">Artist/s:</td>
 <td><form id="test" enctype="multipart/data-form" method="post">
 <input type="text" name="artists"/>
 <input type="button" onclick='javascript: add()'/></form></td>
</tr>
<tr>
 <td colspan="2"><input type="submit" value="Submit"></td>
</tr>
</table>

我试图在另一个文本框下面添加另一个文本框，但是什么也没有发生。我该怎么做？

Answer 1

Seems to be working - fiddle

I just put a call to add() inside a setTimeout so it would execute a second after the page loads.

Are you just missing the call to add()?

edit: I didnt originally see the onclick bound. new working fiddle2