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

回答編集履歴

3

ファイル名追加

2016/04/08 21:10

投稿

ItoTomonori
ItoTomonori

スコア1283

answer CHANGED
@@ -12,6 +12,7 @@
12
12
  ---
13
13
  # サラッと検証してみました!
14
14
  ちなみに、ほぼ、アップされているソースと同じですが、単純なPHPのみ使用なので、若干モディファイしてあります。
15
+ hoge.html
15
16
  ```html
16
17
  <!DOCTYPE HTML>
17
18
  <html>

2

ファイル名追記

2016/04/08 21:10

投稿

ItoTomonori
ItoTomonori

スコア1283

answer CHANGED
@@ -60,6 +60,8 @@
60
60
  </body>
61
61
  </html>
62
62
  ```
63
+
64
+ fuga.php
63
65
  ```php
64
66
  <!DOCTYPE HTML>
65
67
  <html>

1

検証結果追記

2016/04/08 21:10

投稿

ItoTomonori
ItoTomonori

スコア1283

answer CHANGED
@@ -7,4 +7,81 @@
7
7
 
8
8
  var_dumpを使うとか、print_r()出力をhtmlspecialcharsして、前後<pre>タグで囲むとか、
9
9
 
10
- とりあえず、正しいデータの中身をみてみてはいかがでしょうか。
10
+ とりあえず、正しいデータの中身をみてみてはいかがでしょうか。
11
+
12
+ ---
13
+ # サラッと検証してみました!
14
+ ちなみに、ほぼ、アップされているソースと同じですが、単純なPHPのみ使用なので、若干モディファイしてあります。
15
+ ```html
16
+ <!DOCTYPE HTML>
17
+ <html>
18
+ <head>
19
+ <meta charset="UTF-8"/>
20
+ <meta http-equiv="content-language" content="ja"/>
21
+ <title>TEST</title>
22
+ <!-- jquery -->
23
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
24
+ </head>
25
+ <body>
26
+
27
+ <ul id="hoge">
28
+ <li class='a'>
29
+ <div>1番目</div><input type="text" value="1番目">
30
+ <div>1番目</div><input type="text" value="1番目">
31
+ <div>1番目</div><input type="text" value="1番目">
32
+ </li>
33
+ <li class='b'><div>2番目</div><input type="text" value="2番目"></li>
34
+ <li class='c'><div>3番目</div><input type="text" value="3番目"></li>
35
+ </ul>
36
+ <a href="javascript:document.frm1.submit()" onclick="hoge()">別画面へ</a>
37
+ <form name="frm1" method="POST" action="fuga.php" target="_blank">
38
+ <input type="hidden" name="firstHTML" value="">
39
+ <input type="hidden" name="secondHTML" value="">
40
+ <input type="hidden" name="thirdHTML" value="">
41
+ </form>
42
+
43
+
44
+ <script>
45
+ //
46
+ function hoge(){
47
+ //
48
+ var firstHTML = $('.a')[0].outerHTML;
49
+ var secondHTML = $('.b')[0].outerHTML;
50
+ var thirdHTML = $('.c')[0].outerHTML;
51
+ //
52
+ $("input[name='firstHTML']").val(firstHTML);
53
+ $("input[name='secondHTML']").val(thirdHTML);
54
+ $("input[name='thirdHTML']").val(secondHTML);
55
+ //
56
+ }
57
+
58
+ </script>
59
+
60
+ </body>
61
+ </html>
62
+ ```
63
+ ```php
64
+ <!DOCTYPE HTML>
65
+ <html>
66
+ <head>
67
+ <meta charset="UTF-8"/>
68
+ <meta http-equiv="content-language" content="ja"/>
69
+ <title>FUGA</title>
70
+ <!-- jquery -->
71
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
72
+ </head>
73
+ <body>
74
+
75
+ <ul id="hoge">
76
+ <?php
77
+ echo $_POST['firstHTML'];
78
+ echo $_POST['secondHTML'];
79
+ echo $_POST['thirdHTML'];
80
+ ?>
81
+ </ul>
82
+
83
+ </body>
84
+ </html>
85
+ ```
86
+
87
+ これで、問題なく動作してますね、、、