Clicking Form Button using JavaScript inside an iFrame

Question

I have this form inside test.html file

<form name="myForm1" id="myForm1" action="" method="post" onsubmit="">
    <input type="submit" value="YES" class="buttonclass"> 
</form>

I load it using another file called iframe.html

<iframe id="iframeID" src= "test.html"></iframe>

Now how can I automate the click of the submit button in the iframe using JavaScript ?

I tried but because this one doesn't have name=myButton, I cannot understand how to — Tahseen
– Tahseen, Commented Feb 22, 2017 at 19:58

Pavlo · Accepted Answer · 2017-02-22 19:59:58Z

2

document.querySelector('#iframeID').contentWindow
  .document.querySelector('#myForm1').submit();

answered Feb 22, 2017 at 19:59

Pavlo

45.2k14 gold badges83 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jon Glazer Over a year ago

:) if this works, I like it better than my solution. I haven't tried to do this in a long while.

Tahseen Over a year ago

@Pavlo, is there no need to use $( document ).ready kind of approach in case the page/url inside the iframe is going to take time to load ?

Tahseen Over a year ago

I used it like this but it didn't work

<html> <head>     <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>     <script>     $( document ).ready(function() {         document.querySelector('#iframeID').contentWindow.document.querySelector('#myForm1').submit();     });     </script> </head> <body>     <iframe id="iframeID" src="http://localhost:8080/test.html"></iframe> </body> </html>

test.html

<form name="myForm1" id="myForm1" action="www.google.com" method="GET" onsubmit="">     <input type="submit" value="YES" class="buttonclass">  </form>

Jon Glazer · Accepted Answer · 2017-02-22 19:58:02Z

-1

From an old project....

Put this in your iframe code (test.html):

function getElement(id) {
    return document.getElementById(id);
}

then access the element via

var el = document.getElementById("iframeID").contentWindow.getElement(id);

You should be able to act on that element from there.

answered Feb 22, 2017 at 19:58

Jon Glazer

7851 gold badge10 silver badges26 bronze badges

Collectives™ on Stack Overflow

Clicking Form Button using JavaScript inside an iFrame

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related