Reloading parent window with a button in the iframe

Question

I have an iframe in a page like

<iframe src="something.html"></iframe>

and in the something.html page, I have a form and a button.

<form action="anywhere.html">
<input type="button" name="submit" value="submit">
</form>

When I click on the submit button, it only reloads the page anywhere.html (inside the iframe). But I want anywhere.html to load in the same main window (not in a new tab or window or not in the iframe). How can this be done?

Possible duplicate of [reload parent window from within an iframe](http://stackoverflow.com/questions/5351342/reload-parent-window-from-within-an-iframe) — shaggy, Mar 24 '17 at 18:22
Duplicate question and answer http://stackoverflow.com/questions/954454/how-to-reload-main-page-from-within-an-iframe — Kevin Hale, Mar 24 '17 at 18:24

score 1 · Accepted Answer · answered Mar 24 '17 at 18:37

Use the target attribute for the form tag. Set it to _parent to have the form submit to the parent window (outside the frame).

_parent: Load the response into the HTML 4 frameset parent of the current frame, or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.¹

<form action="anywhere.html" target="_parent">
<input type="button" name="submit" value="submit">
</form>

See it demonstrated in this plunker.

¹_{https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-target}

Thank you very much. I was searching for this answer. It really helped. — John Wink, Mar 24 '17 at 18:44

Reloading parent window with a button in the iframe

1 Answers1