teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

コメントの内容を回答に反映

2016/03/09 03:18

投稿

dupont_kedama
dupont_kedama

スコア925

answer CHANGED
@@ -1,6 +1,9 @@
1
1
  手元で試したら問題ありませんでした。
2
2
  ブラウザは何をお使いでしょう?
3
- HTML5対応のモードで動いていないIEなどでは送信できない・・・みたいですね。
3
+ HTML5対応のモードで動いていないIEなどでは送信できない・・・
4
+ [以下コメントした内容を含めて編集済] のではなく、
5
+ IEとMS Edgeがinput要素のform属性に対応していないようですね。
6
+ [http://caniuse.com/#feat=form-attribute](http://caniuse.com/#feat=form-attribute)
4
7
 
5
8
 
6
9
  ##### 追記
@@ -12,7 +15,7 @@
12
15
  <html>
13
16
  <head>
14
17
  <title>Test Page</title>
15
- <script src="/xxxxx/jquery-xxxx.min.js"></script>
18
+ <script type="text/javascript" src="/xxxxx/jquery-xxxx.min.js"></script>
16
19
  <script type="text/javascript">
17
20
  function fixFormAttributeForMS(){
18
21
  $('#formA').append($('input').attr('form','formA'));

1

JavaScript追記

2016/03/09 03:18

投稿

dupont_kedama
dupont_kedama

スコア925

answer CHANGED
@@ -1,3 +1,34 @@
1
1
  手元で試したら問題ありませんでした。
2
2
  ブラウザは何をお使いでしょう?
3
- HTML5対応のモードで動いていないIEなどでは送信できないかもしれません
3
+ HTML5対応のモードで動いていないIEなどでは送信できない・・・みたいですね
4
+
5
+
6
+ ##### 追記
7
+ JavaScript書いてみました。(jQuery使ってます)
8
+ 本当はブラウザ判定はさんだ方がよいかも。
9
+
10
+ ```HTML
11
+ <!DOCTYPE html>
12
+ <html>
13
+ <head>
14
+ <title>Test Page</title>
15
+ <script src="/xxxxx/jquery-xxxx.min.js"></script>
16
+ <script type="text/javascript">
17
+ function fixFormAttributeForMS(){
18
+ $('#formA').append($('input').attr('form','formA'));
19
+ return true;
20
+ }
21
+ </script>
22
+ </head>
23
+ <body>
24
+ <label><input type="checkbox" form="formA" name="del[]" value="1">1</label>
25
+ <label><input type="checkbox" form="formA" name="del[]" value="2">2</label>
26
+ <label><input type="checkbox" form="formA" name="del[]" value="3">3</label>
27
+
28
+ <form id="formA" action="./" method="post" onsubmit="return fixFormAttributeForMS()">
29
+ <label><input type="checkbox" form="formA" name="del[]" value="4">4</label>
30
+ <button type="submit">Send Data</button>
31
+ </form>
32
+ </body>
33
+ </html>
34
+ ```