CODEWITHSUNDEEP
javascripthtml
Julian
Julian

Reputation: 4666

Having the script element on the first line of codes matters?

This form automatically transfers the user to another form. The question i have is that when the script block is placed after the form block the code works. But when I swap them; so that script is above form, then the form doesn't work.

Can anyone tell why?

Works:

<form id="ponyo_form" action="formB.html" method="POST">
    <input type="text" name="id" value="10" />
    <input type="text" name="transfer_email" value="[email protected]" />
    </form>

 <script type="text/javascript">
     document.getElementById("ponyo_form").submit();
 </script>

This won't work:

<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="[email protected]" />
</form>

Upvotes: 1

Views: 146

Answers (1)

JosephGarrone
JosephGarrone

Reputation: 4161

The reason this doesn't work when you have the code before the form, is that the code is run when as it is parsed along the page. So it is attempting to find a form called ponyo_form, which doesn't yet exist in the DOM.

To fix this, either place it after the form, or wrap it on an onload function.

IE:

window.onload = function()
{
    document.getElementById("ponyo_form").submit();
}

Upvotes: 4

Related Questions