该表格会自动将用户转移到另一表格。我的问题是,当将脚本块放置在表单块之后时,代码即可工作。但是当我交换它们时;因此该脚本位于表单上方,则该表单不起作用。
谁能告诉我为什么?
作品:
<form id="ponyo_form" action="formB.html" method="POST">
<input type="text" name="id" value="10" />
<input type="text" name="transfer_email" value="someone@aol.com" />
</form>
<script type="text/javascript">
document.getElementById("ponyo_form").submit();
</script>
这行不通:
<script type="text/javascript">
document.getElementById("ponyo_form").submit();
</script>
<form id="ponyo_form" action="formB.html" method="POST">
<input type="text" name="id" value="10" />
<input type="text" name="transfer_email" value="someone@aol.com" />
</form>
最佳答案
当您在表单前放置代码时,此方法不起作用的原因是,代码在沿着页面解析时运行。因此,它正在尝试查找称为ponyo_form
的表单,该表单在DOM中尚不存在。
要解决此问题,请将其放在表格后面,或将其包装在onload
函数上。
IE浏览器:
window.onload = function()
{
document.getElementById("ponyo_form").submit();
}