jQuery <form/> submit() の注意 on Firefox
9452 ワード
jQueryで動的にFormタグを作成しpost()するというテクニックがありますが、どうもFirefoxでは動かなくなる書き方があるようです。
このような書き方はいずれも正しく動きませんでした。
Chrome/Firefox(モバイル)では動くのに、Firefox(PC)ではdata_valueが0固定になってしまいます。
$('<form/>', {'action': 'program.php', 'method': 'post'})
.append($('<input/>', {'type': 'hidden', 'name': 'data_value'}).val(n))
.appendTo(document.body)
.submit(); // NOT WORK
$('<form/>', {'action': 'program.php', 'method': 'post'})
.append($('<input/>', {'type': 'hidden', 'name': 'data_value', 'value': n}))
.appendTo(document.body)
.submit(); // NOT WORK
$('<form action="program.php" method="post"/>')
.append($('<input type="hidden" name="data_value"/>').val(n))
.appendTo(document.body)
.submit(); // NOT WORK
var post = $('<form/>', {'action': 'program.php', 'method': 'post'})
.append($('<input/>', {'type': 'hidden', 'name': 'data_value', 'value': n}))
.appendTo(document.body)
post.submit(); // NOT WORK
しかし以下のようにformにidを付与し、idを使ってセレクタで選択し直し、ネイティブのsubmit()を呼ぶと正しく動作します。
$('<form/>', {'action': 'program.php', 'method': 'post', 'id': 'myForm'}) //書き方は自由
.append($('<input/>', {'type': 'hidden', 'name': 'data_value'}).val(n)) // ↑
.appendTo(document.body)
$("form#myform")[0].submit(); // WORK!
海外のフォーラムでもFirefoxでは確実に存在するFormしか受け付けない？
ID無しのappend()やappendTo()ではネイティブのDOMメモリ上のform[]に反映されない？
などの憶測が飛び交っていますが、確たる証拠はなさそうです。
Author And Source
この問題について(jQuery <form/> submit() の注意 on Firefox), 我々は、より多くの情報をここで見つけました https://qiita.com/Urushibara01/items/81aa794a21ae670cc637著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .