klog

var i=document.createElement('input');
i.name='action';
i.value='submit this form';
i.type='submit';

<input type="submit" name="action" value="submit this form" >

<input type="submit" name="action" value="Submit Query" >

var i=document.createElement('input');
i.type='submit';
i.name='action';
i.value='submit this form';

var form=document.createElement('form');
form.enctype='multipart/form-data';
form.action='shoppingcart_xhr.php';
form.method='POST';
form.target='shoppingcart_iframe';

form=document.createElement('<form action="shoppingcart_xhr.php" method="POST" enctype="multipart/form-data" target="shoppingcart_iframe">');

9 Responses to “IE bugs - dynamically creating form elements”

1. James Barrett says:
   September 2nd, 2005 at 6:01 pm

   I’m stuck with this problem too - how do you change enctype using javascript in IE6 for a form that already exists? (Using createElement is not possible). Any help greatly appreciated. You can change enctype no problem in Mozilla but IE6 barfs as you say.

2. kae says:
   September 3rd, 2005 at 3:25 pm

   You might get away with copying the childNodes of that form into an array, creating a new form with the desired enctype, then removing the old form, replacing it with the new one, then appending the original childNodes.

   Then again, you may just be screwed.

3. EyePulp says:
   October 14th, 2005 at 1:06 am

   I found out how to change the enctype in ie dynamically - formObj.encoding = “multipart/form-data”;

   set both .encoding and .enctype and it seems to work - however, I’m trying point it at a dynamic iFrame, and IE just isn’t accepting the .target value.

   *sigh*

4. fdh fdhgfd says:
   December 9th, 2005 at 11:15 pm

   uiuio uiouo iogfhfdhfdg page

5. Dominic says:
   August 1st, 2006 at 1:25 am

   I was stuck with the same problem. The IE fix using “encoding” posted by EyePulp works great. As for his question about targeting a dynamic iFrame, I had that problem too. In the end, I check for IE and create my iframe in a div using an innerHTML. It’s the only way I have found that works.
   iframediv = document.createElement( ‘div’ );
   if (document.all)
   iframediv.innerHTML = ”;
   else {
   myiframe = document.createElement( ‘iframe’ );
   myiframe.id = “mytarget”;
   myiframe.name = “mytarget”;
   iframediv.appendChild(myiframe);
   }

6. Dominic says:
   August 1st, 2006 at 1:29 am

   It seems my code didn’t come through fully. The following should have appeared inside the innerHTML single quotes:

   If it still gets blocked this time, it’s simply an html iframe element with name and id explicitly set to be “mytarget”.

7. Diederik van der Boor says:
   April 6th, 2007 at 10:21 am

   > however, I’m trying point it at a dynamic iFrame,
   > and IE just isn’t accepting the .target value.

   Try the following:

   var frame = document.createElement(’IFRAME’);
   frame.name = frameName;
   frame.id = frameName; // for MSIE fix later.
   frame = body.appendChild( frame ); // appendChild() may return a different pointer..
   window.frames[ frameName ].name = frameName;

   This abuses the fact that window.frames[id] returns any element with an ID, not just frames. The frame exists in window.frames, but the name is not really registered yet in the DOM.

8. Simon says:
   July 20th, 2007 at 12:28 pm

   EyePulps solution works - but only partly. Because I need to change it after submitting back again, which doesn’t work for me. Im trying to do something like:

   document.getElementById(’data’).encoding = “multipart/form-data”;
   document.getElementById(’data’).enctype = “multipart/form-data”;
   document.getElementById(’data’).submit();
   document.getElementById(’data’).encoding = “x”;
   document.getElementById(’data’).enctype = “”;

   The first assignment works but after the submit() IE throws an error saying the property “encoding” does not exist. This browser really sucks…

9. <iframe> + createAttribute('name') streikt im IE - jswelt - Forum (Javascript, PHP, MySQL, AJAX, Webdesign) says:
   July 31st, 2007 at 8:57 pm

   [...] this.form.enctype = ‘multipart/form-data’; Hab grade ?ber Google auf Seite 3 oder so (musste wohl noch nie so weit bl?ttern um was zu finden) folgenden Link gefunden: klog ? Blog Archive ? IE bugs - dynamically creating form elements Die L?sung dort, passt mir aber nicht wirklich in den Kram, weil ich bereits ein bestehendes <form> Tag habe, das ich nur noch anpassen will! Wenn es denn unbedingt sein muss, werde ich das bestehende <form> halt mit replaceChild() ersetzen! Falls aber jemand ne bessere L?sung hat, immer her damit @B.Daddel: Nomal thx a lot Gruss [...]