该表格会自动将用户转移到另一表格。我的问题是,当将脚本块放置在表单块之后时,代码即可工作。但是当我交换它们时;因此该脚本位于表单上方,则该表单不起作用。

谁能告诉我为什么?

作品:

<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();
}

07-24 09:43
查看更多