3

我想创建一个动态表单，当我将代码直接放在 onclick 事件上时，通过按下按钮（或图像）将输入添加到表单中

alert("Hello");

它可以工作...但是，当我尝试调用 javascript 函数时它不会...即使我调用简单函数 hello(); （以及 add() ）

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function add() {
    var container = document.createElement("div"); 
    container.innerHTML = "<input type='text' name='email'><br/>";
    document.getElementById('emails').appendChild(container);
}
function hello() {
    alert("Hello"); 
}
​&lt;/script>
</head>
<body>
<form id="myform" name="myform" action="valid.php" method="POST">
    <div id="emails">
        <input type='text' name='email' value=''/><br />
    </div>
    <img width="50px" src="myimage.jpg" onclick='add();'/>
    <input type="submit" value="Submit"/>
</form>
</body>
</html>

任何人都设法发现为什么？

4

2 回答 2

3

看起来它之前有某种特殊字符：

 </script>.

我只是复制并粘贴在这里。查看第 13 行的第一个字符

于 2012-09-20T17:32:46.543 回答
1

我在这里将它复制到一个不错的小jsfiddle http://jsfiddle.net/dr9hG/

我还将名称从 just 更改为"email"，"email[]"以便您可以在提交的页面上通过数组访问所有这些。

于 2012-09-20T17:40:46.850 回答