Internet Explorerは、動的に挿入されたiframeではなく、新しいウィンドウでフォーム提出を開くのはなぜですか？

Question

私は動的に挿入された隠れたiframeにフォームを投稿しようとしていますが、Internet Explorerではフォームの送信が新しいウィンドウで開きます。

var iframe = document.createElement('iframe'); 
iframe.name = 'hidden_iframe'; 
iframe.className = 'NotVisible'; 
iframe.id = 'hidden_iframe'; 
document.body.appendChild(iframe); 

var my_form = document.getElementById('my_form'); 
my_form.target = 'hidden_iframe'; 

Firefoxでは動作しますが、インターネット では動作しません。

Answer 1

明らかに、createElementの呼び出しで名前を含める必要があります。これはIEで動作し、標準に準拠したブラウザでは例外が発生します。我々が得る：

var iframe; 
try { 
    iframe = document.createElement('<iframe name="hidden_iframe">'); 
} catch (ex) { 
    iframe = document.createElement('iframe'); 
    iframe.name='hidden_iframe'; 
} 

iframe.className = 'NotVisible'; 
iframe.id = 'hidden_iframe'; 
document.body.appendChild(iframe); 

var my_form = document.getElementById('my_form'); 
my_form.target = 'hidden_iframe'; 

Answer 2

が、これは、より簡単にAjax提出を用いて達成することができませんでしたか？あなたが提示しているiframeのアプローチは、非常にハックされ、多くの問題になりがちです。

jQuery Form pluginはフォームの値のシリアル化をすべて処理することでAjaxの送信を容易にします。