Question

我想创建一个动态表单，通过按下按钮（或图像）将输入添加到表单中当我把代码直接放在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"); 
}
</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>

有人设法发现原因吗？

Answer 1

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

 </script>.

我刚刚复制并粘贴了Here。查看第13行中的第一个字符

Answer 2

我把它复制到一个漂亮的小jsfiddle http://jsfiddle.net/dr9hG/

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

HTML表单onclick事件不会调用javascript函数

2 个答案: