IE9 opens new tab on form submit ( form has target attibute, pointed to dynamically created iframe )

Question

I have a javascript function which dynamically creates an iframe for a form, so the form is sent to iframe. The code works in Chrome, Opera and Firefox, but IE opens new tab when I submit the form.

how to fix this issue?

HTML:

<form id="form1" name="form1" action="/post.php" method="post">
  <input type="text" name="foo" value="bar">
  <button type="submit" name="send">Send</button>
</form>

Javascript (runs on page load):

var form = document.getElementById("form1");
if(!form.target) {
  var frame = document.createElement("iframe");
  frame.name = "frame" + Math.random();
  frame.id = frame.name;

  document.body.appendChild(frame);

  form.target = frame.id;
}

possible duplicate of [How do you post to an iframe?](http://stackoverflow.com/questions/168455/how-do-you-post-to-an-iframe) — Adriano Repetti, Mar 05 '13 at 12:39
@T.J.Crowder that's the point. As the accepted answer says this is a known bug of IE and there are workarounds there. — Adriano Repetti, Mar 05 '13 at 12:45
@Adriano: Ah! See, one had to read past the opening paragraph. :-) — T.J. Crowder, Mar 05 '13 at 12:47
@Adriano, thanks for the sugesstion, the workaround seems to work — John, Mar 05 '13 at 12:48
More direct link to don't have to search through the post: http://stackoverflow.com/questions/2181385/ie-issue-submitting-form-to-an-iframe-using-javascript — Adriano Repetti, Mar 05 '13 at 12:48

score 1 · Answer 1 · answered Nov 08 '13 at 14:12

1

form.target must be iframe name, not id.

answered Nov 08 '13 at 14:12

Pinal

10,775
12
49
62

IE9 opens new tab on form submit ( form has target attibute, pointed to dynamically created iframe )

1 Answers1