jsでformを作ってsubmitさせる時の注意点

あまりケースとしては無いと思うけど、js側でformElementを生成して、postでsubmitしたい場合の注意点。

基本形

submit.js

var form = document.createElement('form');
form.action = 'http://google.com';
form.method = 'post';
form.submit();

これでも動くのだが、IEだと動かない。

IE対応

どうやら、IEの場合HTMLの中に要素として挿入しないとsubmitしてくれないらしい。
なので、bodyElementに生成したformElementを突っ込んであげる。

ie_submit.js

var form = document.createElement('form');
form.action = 'http://google.com';
form.method = 'post';
document.body.appendChild(form);
form.submit();