teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問セレクトボックスの選択内容を、確認画面に表示させたい。

編集履歴

質問編集履歴

13

修正

2017/06/26 05:30

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- 今は、単純にフォームの内容を以下のようにjQeuryで取得し、表示させています。
9
+ 今は、フォームの入力内容を以下のようにjQeuryで取得し、表示させています。
10
10
 
11
11
  ```javascript
12
12
 

12

修正

2017/06/26 05:30

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
  データベースには、
34
34
 
35
- |no|name|
35
+ |no|receive|
36
36
 
37
37
  |:--|:--:|
38
38
 

11

修正

2017/06/26 04:51

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -102,7 +102,7 @@
102
102
 
103
103
 
104
104
 
105
- 配列データなので、jQeuryの$.eachをうまく使用し、ダイアルログに表示させたい思っています。
105
+ arrayStaffは配列データなので、jQeuryの$.eachをうまく使用し、ダイアルログに表示させたい思っています。
106
106
 
107
107
  そこの関数:**confirm()**作りでご教授いただけないでしょうか？
108
108
 

10

修正

2017/06/26 04:49

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- フォーム画面の確認画面を作っています。
1
+ フォーム画面の入力内容確認画面を作っています。
2
2
 
3
3
 
4
4
 

9

修正

2017/06/26 04:46

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -10,9 +10,13 @@
10
10
 
11
11
  ```javascript
12
12
 
13
+ function confirm(){
14
+
13
15
  var c_receive = $('#receive option:selected').text();
14
16
 
15
17
  $('#set_c_receive').text(c_receive);
18
+
19
+ }
16
20
 
17
21
  ```
18
22
 

8

修正

2017/06/26 04:43

投稿

hiro0208
hiro0208

スコア75

test CHANGED
@@ -1 +1 @@
1
- 選択されたセレクトボックスのテキストを取得するには？
1
+ セレクトボックスの選択内容を、確認画面に表示させたい。
test CHANGED
@@ -1,14 +1,126 @@
1
- フォーム画面のセレクトボックスでテキストを選択し、取得したテキストを確認画面に
2
-
3
- 表示させるためにPHPでデーターベースから取得したキーと値を、配列に直し
4
-
5
- javascriptの配列に変換し使用しています。
1
+ フォーム画面の確認画面を作っています。
6
-
7
- それで配列を活かした記述で考えおり、$.eachを利用したいと思っています。
8
2
 
9
3
 
10
4
 
5
+ セレクトボックスの選択内容を、確認画面に表示させたいです。
6
+
7
+
8
+
9
+ 今は、単純にフォームの内容を以下のようにjQeuryで取得し、表示させています。
10
+
11
+ ```javascript
12
+
13
+ var c_receive = $('#receive option:selected').text();
14
+
15
+ $('#set_c_receive').text(c_receive);
16
+
17
+ ```
18
+
19
+ これを
20
+
21
+ PHPで取得したデータベースのデータを、javascriptの配列データに変え、その配列データから取得し、
22
+
23
+ 確認画面に表示させるための、JQueryを使用した関数の作り方がわからないで困っています。
24
+
25
+
26
+
27
+
28
+
29
+ データベースには、
30
+
31
+ |no|name|
32
+
33
+ |:--|:--:|
34
+
35
+ |1|Aさん|
36
+
37
+ |2|Bさん|
38
+
39
+ |3|Cさん|
40
+
41
+
42
+
43
+ と入れています。
44
+
45
+
46
+
47
+ 今回そのデーターベースのデータを、PDOで取得し
48
+
49
+ **$ArrayStaff**
50
+
51
+ というPHPでの配列データにしました。
52
+
53
+ $jsonArrayStaff = json_encode($arrayStaff);
54
+
55
+
56
+
57
+ <script type="text/javascript">
58
+
59
+ var arrayStaff = JSON.parse('<?php echo $jsonArrayStaff; ?>');
60
+
61
+ </script>
62
+
63
+
64
+
65
+ という、やり方でjavascriptの配列に変換しました。
66
+
67
+ そこで、console.log(arrayStaff)で
68
+
69
+ コンソールログで確認すると、
70
+
71
+
72
+
73
+ 【Object】
74
+
75
+ 1:"Aさん"
76
+
77
+ 2:"Bさん"
78
+
79
+ 3:"Cさん"
80
+
81
+
82
+
83
+ として確認できました。
84
+
85
+
86
+
87
+ このセレクトボックスの選択した項目を、arrayStaffに格納されているデータを利用して
88
+
89
+ 確認画面で表示させたいです。
90
+
91
+
92
+
93
+ ①セレクトボックスで項目を選択し、
94
+
95
+ ②確認ボタン[**confirm()**]を押す、
96
+
97
+ ③ダイアルログ(確認画面)の表示。
98
+
99
+
100
+
101
+ 配列データなので、jQeuryの$.eachをうまく使用し、ダイアルログに表示させたい思っています。
102
+
11
- javascript,jQueryに、どのように記述すればよいか、ご教授いただけないでしょうか？
103
+ そこの関数:**confirm()**作りでご教授いただけないでしょうか？
104
+
105
+ どうぞ、よろしくお願いいたします。
106
+
107
+
108
+
109
+ ```javascript
110
+
111
+
112
+
113
+ function confirm(){
114
+
115
+ $.each(arrayStaff, function(key, value) {
116
+
117
+ }
118
+
119
+ ```
120
+
121
+
122
+
123
+
12
124
 
13
125
 
14
126
 
@@ -38,7 +150,7 @@
38
150
 
39
151
 
40
152
 
41
- <select style="width:150px;" id="receive" name="receive">
153
+ <select id="receive" name="receive">
42
154
 
43
155
  <?php echo $optionStaff; ?>
44
156
 
@@ -47,15 +159,3 @@
47
159
 
48
160
 
49
161
  ```
50
-
51
- ```javascript
52
-
53
-
54
-
55
- $.each(arrayStaff, function(key, value) {
56
-
57
-
58
-
59
- });
60
-
61
- ```

7

修正

2017/06/26 04:42

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
File without changes

6

修正

2017/06/26 04:42

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  javascriptの配列に変換し使用しています。
6
6
 
7
- ですので配列を活かした記述で考えおり、$.eachを利用したいと思っています。
7
+ それで配列を活かした記述で考えおり、$.eachを利用したいと思っています。
8
8
 
9
9
 
10
10
 

5

修正

2017/06/26 00:47

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
- 確認画面に、セレクトボックスで選択し、取得したテキストを表示させるために
1
+ フォーム画面のセレクトボックスでテキストを選択し、取得したテキストを確認画面に
2
2
 
3
- PHPでデーターベースから取得したキーと値を、配列に直し
3
+ 表示させるためにPHPでデーターベースから取得したキーと値を、配列に直し
4
4
 
5
5
  javascriptの配列に変換し使用しています。
6
6
 

4

修正

2017/06/26 00:41

投稿

hiro0208
hiro0208

スコア75

test CHANGED
@@ -1 +1 @@
1
- 選択された複数のセレクトボックスのテキストを取得するには？
1
+ 選択されたセレクトボックスのテキストを取得するには？
test CHANGED
File without changes

3

修正

2017/06/26 00:38

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,8 @@
3
3
  PHPでデーターベースから取得したキーと値を、配列に直し
4
4
 
5
5
  javascriptの配列に変換し使用しています。
6
+
7
+ ですので配列を活かした記述で考えおり、$.eachを利用したいと思っています。
6
8
 
7
9
 
8
10
 

2

今回チェックボックスではなく、セレクトボックスです。失礼しました。

2017/06/25 05:51

投稿

hiro0208
hiro0208

スコア75

test CHANGED
@@ -1 +1 @@
1
- 選択された複数のチェックボックスのテキストを取得するには？
1
+ 選択された複数のセレクトボックスのテキストを取得するには？
test CHANGED
@@ -36,7 +36,11 @@
36
36
 
37
37
 
38
38
 
39
- <input type="checkbox" id="mail" name="mail">
39
+ <select style="width:150px;" id="receive" name="receive">
40
+
41
+ <?php echo $optionStaff; ?>
42
+
43
+ </select>
40
44
 
41
45
 
42
46
 

1

修正

2017/06/25 05:23

投稿

hiro0208
hiro0208

スコア75

test CHANGED
File without changes
test CHANGED
@@ -34,6 +34,12 @@
34
34
 
35
35
  </script>
36
36
 
37
+
38
+
39
+ <input type="checkbox" id="mail" name="mail">
40
+
41
+
42
+
37
43
  ```
38
44
 
39
45
  ```javascript