質問編集履歴
4
画像を加えました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,11 +4,15 @@
|
|
4
4
|
|
5
5
|
動的なセレクトボックスを実装したいです。
|
6
6
|
|
7
|
-
一つ目のセレクトボックスで、科目(tagsデーブル)を選択すると二つ目のセレクトボックスで一つ目で選んだ科目の
|
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
|
-
```p
|
25
|
+
```progresds
|
22
26
|
|
23
27
|
<div class="form-group row”>
|
24
28
|
|
25
|
-
|
29
|
+
<label for="memo">科目</label>
|
26
30
|
|
27
|
-
|
31
|
+
<select name='tagname' class="form-control" >
|
28
32
|
|
29
|
-
|
33
|
+
@foreach($tags as $tag)
|
30
34
|
|
31
|
-
|
35
|
+
<option value="{{ $tag['tagname']}}">{{ $tag['tagname']}}</option>
|
32
36
|
|
33
|
-
|
37
|
+
@endforeach
|
34
38
|
|
35
|
-
|
39
|
+
</select>
|
36
40
|
|
37
|
-
|
41
|
+
<div>
|
38
42
|
|
39
|
-
|
43
|
+
<div class="form-group row”>
|
40
44
|
|
41
|
-
|
45
|
+
<label for="memo">課題</label>
|
42
46
|
|
43
|
-
|
47
|
+
<select name='content' class="form-control" >
|
44
48
|
|
45
|
-
|
49
|
+
@foreach($memos as $memo)
|
46
50
|
|
47
|
-
|
51
|
+
<option value="{{ $memo['content']}}">{{ $memo['content']}}</option>
|
48
52
|
|
49
|
-
|
53
|
+
@endforeach
|
50
54
|
|
51
|
-
|
52
|
-
|
53
|
-
<option value="{{ $memo['content']}}">{{ $memo['content']}}</option>
|
54
|
-
|
55
|
-
@endforeach
|
56
|
-
|
57
|
-
|
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
|
-
|
91
|
+
初心者で至らない点があると思いますが、よろしくお願いいたします。
|
152
|
-
|
153
|
-
どのようにすれば良いか教えていただきたいです。
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
92
|
|
159
93
|
### 補足情報
|
160
94
|
|
95
|
+
画像を載せさせていただきました。
|
161
96
|
|
162
|
-
|
163
|
-
|
97
|
+
詳しく、コードを教えていただけたら幸いです。
|
3
修正
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
修正
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
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,24 @@
|
|
1
|
-
|
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
|
-
```
|
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
|
+
初心者で至らない点があると思いますが、よろしくお願いいたします。
|