質問編集履歴

4

画像を加えました。

2021/12/22 16:18

投稿

ria_ria
ria_ria

スコア4

test CHANGED
File without changes
test CHANGED
@@ -4,11 +4,15 @@
4
4
 
5
5
  動的なセレクトボックスを実装したいです。
6
6
 
7
- 一つ目のセレクトボックスで、科目(tagsデーブル)を選択すると二つ目のセレクトボックスで一つ目で選んだ科目のみの課題(memosテーブル)を表示できるよう連動させたいです。
7
+ 一つ目のセレクトボックスで、科目(tagsデーブル)を選択すると二つ目のセレクトボックスで一つ目で選んだ科目のみの課題(memosテーブル)を表示できるよう連動させたいです。
8
8
 
9
9
 
10
10
 
11
+ ![![イメージ説明](94c37eb192a2e87ee5de8cbd0e035dd4.png)]
11
12
 
13
+ ![![イメージ説明](39aa21cae9e2d3abaee10427c237e786.png)]
14
+
15
+ ![イメージ説明](c6daf6877755c7cefec7f9db280860a0.png)
12
16
 
13
17
 
14
18
 
@@ -18,113 +22,43 @@
18
22
 
19
23
 
20
24
 
21
- ```php
25
+ ```progresds
22
26
 
23
27
  <div class="form-group row”>
24
28
 
25
- <label for="memo">科目</label>
29
+ <label for="memo">科目</label>
26
30
 
27
-
31
+ <select name='tagname' class="form-control" >
28
32
 
29
- <select name='tagname' type="select" class="form-control" >
33
+ @foreach($tags as $tag)
30
34
 
31
- @foreach($tags as $tag)
35
+ <option value="{{ $tag['tagname']}}">{{ $tag['tagname']}}</option>
32
36
 
33
- <option value="{{ $tag['tagname']}}">{{ $tag['tagname']}}</option>
37
+ @endforeach
34
38
 
35
- @endforeach
39
+ </select>
36
40
 
37
- </select>
41
+ <div>
38
42
 
39
- <div>
43
+ <div class="form-group row”>
40
44
 
41
- <div class="form-group row”>
45
+ <label for="memo">課題</label>
42
46
 
43
- <label for="memo">課題</label>
47
+ <select name='content' class="form-control" >
44
48
 
45
-
49
+ @foreach($memos as $memo)
46
50
 
47
- <select name='content' type="select" class="form-control" >
51
+ <option value="{{ $memo['content']}}">{{ $memo['content']}}</option>
48
52
 
49
- @foreach($memos as $memo)
53
+ @endforeach
50
54
 
51
-
52
-
53
- <option value="{{ $memo['content']}}">{{ $memo['content']}}</option>
54
-
55
- @endforeach
56
-
57
- </select>
55
+ </select>
58
-
59
- ```php2
60
56
 
61
57
 
62
58
 
63
59
  ```
64
60
 
65
- @section('scripts')
66
-
67
- <script type="text/javascript">
68
-
69
- {
70
-
71
- jQuery('select[name='tagname'])on("change",function(){
72
-
73
- var tagID=jQuery(this).val();
74
-
75
- if(tagID){
76
-
77
- JQuery.ajax({
78
-
79
- url: './ajaxs/progress',tagID,
80
-
81
- type:'GET',
82
-
83
- dataType: 'json',
84
-
85
- success(function(data)
86
-
87
- {
88
-
89
- Query('select[name='content']).empty();
90
-
91
- Query.each(data,function(key,value)){
92
-
93
- $('select[name='content']).append('<option value="'+key+'">'+value+</option>');
94
-
95
-
96
-
97
- });
98
-
99
- }});
100
-
101
-
102
-
103
- }
104
-
105
- else{
106
-
107
- $('select[name= "content"]').empty();
108
-
109
-
110
-
111
- }
112
-
113
- });
114
-
115
-
116
-
117
- });
118
-
119
- </script>
120
-
121
-
122
-
123
- @endsection
124
-
125
- ```
126
-
127
- ```controller
61
+ ```Homecontroller
128
62
 
129
63
  public function progress()
130
64
 
@@ -142,22 +76,22 @@
142
76
 
143
77
  ```
144
78
 
79
+ ```Webphp
80
+
81
+ Route::get('/progress', 'HomeController@progress')->name('progress');
82
+
83
+ ```
84
+
145
85
 
146
86
 
147
87
  ### 試したこと
148
88
 
89
+ 色々調べましたが、わかりませんでした。できなくて本当に困っています。
149
90
 
150
-
151
- php2のころは解説動画を見様見真似で書きしたが、よくわかってせん
91
+ 初心者で至らない点がある思いが、よろしくお願いいたし
152
-
153
- どのようにすれば良いか教えていただきたいです。
154
-
155
-
156
-
157
-
158
92
 
159
93
  ### 補足情報
160
94
 
95
+ 画像を載せさせていただきました。
161
96
 
162
-
163
- 初心者で至らない点があると思いますが、よろしくお願いいたします。
97
+ しく、コードを教えてただけたら幸す。

3

修正

2021/12/22 16:18

投稿

ria_ria
ria_ria

スコア4

test CHANGED
File without changes
test CHANGED
@@ -148,7 +148,9 @@
148
148
 
149
149
 
150
150
 
151
- php2のところは解説動画を見様見真似で書きましたが、よくわかりません。
151
+ php2のところは解説動画を見様見真似で書きましたが、よくわかっておりません。
152
+
153
+ どのようにすれば良いか教えていただきたいです。
152
154
 
153
155
 
154
156
 

2

修正

2021/12/18 15:11

投稿

ria_ria
ria_ria

スコア4

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  動的なセレクトボックスを実装したいです。
6
6
 
7
- 一つ目のセレクトボックスで、科目(tagsデーブル)を選択すると二つ目のセレクトボックスで科目の課題(memosテーブル)を表示できるよう連動させたいです。
7
+ 一つ目のセレクトボックスで、科目(tagsデーブル)を選択すると二つ目のセレクトボックスで一つ目で選んだ科目ののみの課題(memosテーブル)を表示できるよう連動させたいです。
8
8
 
9
9
 
10
10
 

1

修正

2021/12/18 15:05

投稿

ria_ria
ria_ria

スコア4

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,24 @@
1
- ```php
1
+ ### 前提・実現したいこと
2
2
 
3
3
 
4
+
5
+ 動的なセレクトボックスを実装したいです。
6
+
7
+ 一つ目のセレクトボックスで、科目(tagsデーブル)を選択すると二つ目のセレクトボックスで科目の課題(memosテーブル)を表示できるよう連動させたいです。
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+ ### 該当のソースコード
18
+
19
+
20
+
21
+ ```php
4
22
 
5
23
  <div class="form-group row”>
6
24
 
@@ -38,11 +56,11 @@
38
56
 
39
57
  </select>
40
58
 
41
- ```
59
+ ```php2
42
60
 
43
61
 
44
62
 
45
- ```php
63
+ ```
46
64
 
47
65
  @section('scripts')
48
66
 
@@ -106,11 +124,9 @@
106
124
 
107
125
  ```
108
126
 
109
-
110
-
111
127
  ```controller
112
128
 
113
- public function progress()
129
+ public function progress()
114
130
 
115
131
  {
116
132
 
@@ -124,14 +140,22 @@
124
140
 
125
141
  return view('progress',compact('user','memos','tags'));
126
142
 
127
- }
128
-
129
143
  ```
130
144
 
131
145
 
132
146
 
133
- 動的なセレクトボックスを実装したいです。
147
+ ### 試したこと
134
148
 
135
- tagname(科目名)を選択するとその科目のcontent(課題)のみが選べるようにしたいです。
136
149
 
150
+
151
+ php2のところは解説動画を見様見真似で書きましたが、よくわかりません。
152
+
153
+
154
+
155
+
156
+
157
+ ### 補足情報
158
+
159
+
160
+
137
- 初心者で質問も至らない点ばかりですが、何卒よろしくお願いいたします。
161
+ 初心者で至らない点があると思いますが、よろしくお願いいたします。