回答編集履歴
3
ファイル名追加
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
ファイル名追記
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
検証結果追記
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
|
+
これで、問題なく動作してますね、、、
|