Javascript 通过点击“发布”形成帖子；“不提交”；按钮
当我运行下面的静态js和html时，我感到困惑 我想通过点击按钮来动态添加选项，但当我把它放在表单下时，它将执行操作post，除非我把它放到表单外，否则它会工作。原因是什么？我没有将添加按钮的类型设置为“提交”，表单中单击的任何按钮是否会导致表单操作Javascript 通过点击“发布”形成帖子；“不提交”；按钮,javascript,html,forms,Javascript,Html,Forms,当我运行下面的静态js和html时，我感到困惑 我想通过点击按钮来动态添加选项，但当我把它放在表单下时，它将执行操作post，除非我把它放到表单外，否则它会工作。原因是什么？我没有将添加按钮的类型设置为“提交”，表单中单击的任何按钮是否会导致表单操作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>作业管理</title>
</head>
<body>
<form enctype="multipart/form-data" method="POST" >
<div id="postform">
本次作业标题
<input type="text" name="title" />
<br>
<div class="postoption">
添加项目
<input type="text" name="option[]" />
音频文件
<input type="file" name="radio[]" />
答案
<input type="text" name="answer[]" />
</div>
</div>
<button id="add">添加输入项</button>
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
window.onload = function(){
var add = document.getElementById("add");
add.onclick = function(){
addOption();
}
}
function addOption(){
var postForm = document.getElementById("postform");
var postoptions = document.getElementsByClassName("postoption");
var op = postoptions[0];
var optionClone = op.cloneNode(true);
postForm.appendChild(optionClone);
};
</script>
</body>
</html>
作业管理
本次作业标题
添加项目
音频文件
答案
添加输入项
window.onload=函数（）{
var add=document.getElementById（“add”）；
add.onclick=function（）{
addOption（）；
}
}
函数addOption（）{
var postForm=document.getElementById（“postForm”）；
var postpoptions=document.getElementsByClassName（“postpoption”）；
var op=postoptions[0]；
var optionClone=op.cloneNode（真）；
postForm.appendChild（optionClone）；
};
type=“button”preventDefaulttype=“button”preventDefaulttype=“button”preventDefaulttype=“button”preventDefault