回答編集履歴

3

ファイル名追加

2016/04/08 21:10

投稿

ItoTomonori
ItoTomonori

スコア1283

test CHANGED
@@ -25,6 +25,8 @@
25
25
  # サラッと検証してみました!
26
26
 
27
27
  ちなみに、ほぼ、アップされているソースと同じですが、単純なPHPのみ使用なので、若干モディファイしてあります。
28
+
29
+ hoge.html
28
30
 
29
31
  ```html
30
32
 

2

ファイル名追記

2016/04/08 21:10

投稿

ItoTomonori
ItoTomonori

スコア1283

test CHANGED
@@ -122,6 +122,10 @@
122
122
 
123
123
  ```
124
124
 
125
+
126
+
127
+ fuga.php
128
+
125
129
  ```php
126
130
 
127
131
  <!DOCTYPE HTML>

1

検証結果追記

2016/04/08 21:10

投稿

ItoTomonori
ItoTomonori

スコア1283

test CHANGED
@@ -17,3 +17,159 @@
17
17
 
18
18
 
19
19
  とりあえず、正しいデータの中身をみてみてはいかがでしょうか。
20
+
21
+
22
+
23
+ ---
24
+
25
+ # サラッと検証してみました!
26
+
27
+ ちなみに、ほぼ、アップされているソースと同じですが、単純なPHPのみ使用なので、若干モディファイしてあります。
28
+
29
+ ```html
30
+
31
+ <!DOCTYPE HTML>
32
+
33
+ <html>
34
+
35
+ <head>
36
+
37
+ <meta charset="UTF-8"/>
38
+
39
+ <meta http-equiv="content-language" content="ja"/>
40
+
41
+ <title>TEST</title>
42
+
43
+ <!-- jquery -->
44
+
45
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
46
+
47
+ </head>
48
+
49
+ <body>
50
+
51
+
52
+
53
+ <ul id="hoge">
54
+
55
+ <li class='a'>
56
+
57
+ <div>1番目</div><input type="text" value="1番目">
58
+
59
+ <div>1番目</div><input type="text" value="1番目">
60
+
61
+ <div>1番目</div><input type="text" value="1番目">
62
+
63
+ </li>
64
+
65
+ <li class='b'><div>2番目</div><input type="text" value="2番目"></li>
66
+
67
+ <li class='c'><div>3番目</div><input type="text" value="3番目"></li>
68
+
69
+ </ul>
70
+
71
+ <a href="javascript:document.frm1.submit()" onclick="hoge()">別画面へ</a>
72
+
73
+ <form name="frm1" method="POST" action="fuga.php" target="_blank">
74
+
75
+ <input type="hidden" name="firstHTML" value="">
76
+
77
+ <input type="hidden" name="secondHTML" value="">
78
+
79
+ <input type="hidden" name="thirdHTML" value="">
80
+
81
+ </form>
82
+
83
+
84
+
85
+
86
+
87
+ <script>
88
+
89
+ //
90
+
91
+ function hoge(){
92
+
93
+ //
94
+
95
+ var firstHTML = $('.a')[0].outerHTML;
96
+
97
+ var secondHTML = $('.b')[0].outerHTML;
98
+
99
+ var thirdHTML = $('.c')[0].outerHTML;
100
+
101
+ //
102
+
103
+ $("input[name='firstHTML']").val(firstHTML);
104
+
105
+ $("input[name='secondHTML']").val(thirdHTML);
106
+
107
+ $("input[name='thirdHTML']").val(secondHTML);
108
+
109
+ //
110
+
111
+ }
112
+
113
+
114
+
115
+ </script>
116
+
117
+
118
+
119
+ </body>
120
+
121
+ </html>
122
+
123
+ ```
124
+
125
+ ```php
126
+
127
+ <!DOCTYPE HTML>
128
+
129
+ <html>
130
+
131
+ <head>
132
+
133
+ <meta charset="UTF-8"/>
134
+
135
+ <meta http-equiv="content-language" content="ja"/>
136
+
137
+ <title>FUGA</title>
138
+
139
+ <!-- jquery -->
140
+
141
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
142
+
143
+ </head>
144
+
145
+ <body>
146
+
147
+
148
+
149
+ <ul id="hoge">
150
+
151
+ <?php
152
+
153
+ echo $_POST['firstHTML'];
154
+
155
+ echo $_POST['secondHTML'];
156
+
157
+ echo $_POST['thirdHTML'];
158
+
159
+ ?>
160
+
161
+ </ul>
162
+
163
+
164
+
165
+ </body>
166
+
167
+ </html>
168
+
169
+ ```
170
+
171
+
172
+
173
+ これで、問題なく動作してますね、、、
174
+
175
+