所以我里面<form>有一个<input>元素。
我也有两个按钮，<button onclick="addActivity()">Add Form</button><br>就是调用append()函数。另一个按钮<input type="submit" name="submit" value="submit">是一个提交按钮，它将重定向我到display.php。
为什么每次单击<button onclick="addActivity()">Add Form</button><br>它都会将我重定向到display.php呢？
function append() {
var newInput = document.createElement("INPUT");
newInput.setAttribute("type", "number");
document.getElementById("activity-div").appendChild(newInput);
}<form class="" action="display.php" method="post">
<div id="activity-div" class="activity-div">
Choose a number:<br>
<input type="number" name="num" min="0" max="10"><br>
</div>
<button onclick="append()">Add Form</button><br>
<input type="submit" name="submit" value="submit">
</form>当我将该按钮转移到之外时，它可以工作<form>，但是我希望该按钮显示在“提交”按钮上方。
function append() {
var newInput = document.createElement("INPUT");
newInput.setAttribute("type", "number");
document.getElementById("activity-div").appendChild(newInput);
}<form class="" action="display.php" method="post">
<div id="activity-div" class="activity-div">
Choose a number:<br>
<input type="number" name="num" min="0" max="10"><br>
</div>
<input type="submit" name="submit" value="submit">
</form>
<button onclick="append()">Add Form</button><br>与代码有冲突吗？有没有更好的方法可以在javascript中实现呢？
用：
<input type="button" onclick="append()" value="Add Form" />
并添加：
e.preventDefault();
在append（）函数内部。
function append(){
e.preventDefault();
// your code
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句