質問編集履歴
3
ソースコードの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -207,3 +207,25 @@
|
|
207
207
|
|
208
208
|
|
209
209
|
都道府県、市区町村は一部のみ記載しました。
|
210
|
+
|
211
|
+
|
212
|
+
|
213
|
+
追記2
|
214
|
+
|
215
|
+
連動出来ていない状態のソースコード
|
216
|
+
|
217
|
+
```ここに言語を入力
|
218
|
+
|
219
|
+
ソースコードを表示したところ、読み込んでいるようなのですが・・・
|
220
|
+
|
221
|
+
|
222
|
+
|
223
|
+
<script src="/assets/client/user.self-a5d0dff0afa719930cd12dc00528dfe5b7b3ea3cc2bb7df9e504b0e558a83f30.js?body=1" data-turbolinks-track="true"></script>
|
224
|
+
|
225
|
+
```
|
226
|
+
|
227
|
+
暗号みたいになっていますが、多分assets/cilent/user.selfとあるので読み込み出来ているのでしょうか?
|
228
|
+
|
229
|
+
|
230
|
+
|
231
|
+
ちなみに、ページをリロードしてもソースコードの表示に変化はなく同じソースコードが表示されています。
|
2
コードを追記させていただきました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -41,3 +41,169 @@
|
|
41
41
|
|
42
42
|
|
43
43
|
ページをリロードしないとフォームの連動だけが出来ない状態なのでjQueryの読み込みの新規登録、編集画面に変わる際にjQueryにファイルが読み込めていないのが原因なのかもしれませんが、どう対応していいかわからないのでどなたかご教授お願いいたします。
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
コードの追記
|
48
|
+
|
49
|
+
```ここに言語を入力
|
50
|
+
|
51
|
+
app/view/client/new.html.erb
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
<% @title = '代行業者の新規登録' %>
|
56
|
+
|
57
|
+
<h1><%= @title %></h1>
|
58
|
+
|
59
|
+
|
60
|
+
|
61
|
+
<div id="generic-form">
|
62
|
+
|
63
|
+
<%= form_for @account, url: :client_user do |f| %>
|
64
|
+
|
65
|
+
<%= render 'form', f: f %>
|
66
|
+
|
67
|
+
<div class="buttons">
|
68
|
+
|
69
|
+
<%= f.submit '登録' %>
|
70
|
+
|
71
|
+
<%= link_to 'キャンセル', :client_root %>
|
72
|
+
|
73
|
+
</div>
|
74
|
+
|
75
|
+
<% end %>
|
76
|
+
|
77
|
+
</div>
|
78
|
+
|
79
|
+
```
|
80
|
+
|
81
|
+
```ここに言語を入力
|
82
|
+
|
83
|
+
app/assets/javascripts/client/user.js
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
$(function() {
|
88
|
+
|
89
|
+
var $children = $('.children');
|
90
|
+
|
91
|
+
var original = $children.html();
|
92
|
+
|
93
|
+
|
94
|
+
|
95
|
+
$('.parent').change(function() {
|
96
|
+
|
97
|
+
var val1 = $(this).val();
|
98
|
+
|
99
|
+
|
100
|
+
|
101
|
+
$children.html(original).find('option').each(function() {
|
102
|
+
|
103
|
+
var val2 = $(this).data('val');
|
104
|
+
|
105
|
+
if (val1 != val2) {
|
106
|
+
|
107
|
+
$(this).not('optgroup,.msg').remove();
|
108
|
+
|
109
|
+
}
|
110
|
+
|
111
|
+
});
|
112
|
+
|
113
|
+
|
114
|
+
|
115
|
+
if ($(this).val() === '') {
|
116
|
+
|
117
|
+
$children.attr('disabled', 'disabled');
|
118
|
+
|
119
|
+
} else {
|
120
|
+
|
121
|
+
$children.removeAttr('disabled');
|
122
|
+
|
123
|
+
}
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
});
|
128
|
+
|
129
|
+
});
|
130
|
+
|
131
|
+
```
|
132
|
+
|
133
|
+
```ここに言語を入力
|
134
|
+
|
135
|
+
_form.html.erb
|
136
|
+
|
137
|
+
|
138
|
+
|
139
|
+
<%= f.label :prefecture, '1、事業所住所(都道府県)', class: 'required' %>
|
140
|
+
|
141
|
+
<select class="parent" name="client[prefecture]" required>
|
142
|
+
|
143
|
+
<option value="" class="msg" disabled selected>-----①都道府県を選択-----</option>
|
144
|
+
|
145
|
+
<option value="北海道"> 北海道</option>
|
146
|
+
|
147
|
+
<option value="青森県">青森県</option>
|
148
|
+
|
149
|
+
<option value="岩手県">岩手県</option>
|
150
|
+
|
151
|
+
<option value="宮城県">宮城県</option>
|
152
|
+
|
153
|
+
<option value="秋田県">秋田県</option>
|
154
|
+
|
155
|
+
</select>
|
156
|
+
|
157
|
+
|
158
|
+
|
159
|
+
<%= f.label :city, '2、事業所住所(市区町村)', class: 'required' %>
|
160
|
+
|
161
|
+
<select class="children" name="client[city]" disabled required>
|
162
|
+
|
163
|
+
<option value="" class="msg" disabled selected>-----②市区町村を選択-----</option>
|
164
|
+
|
165
|
+
<!--北海道-->
|
166
|
+
|
167
|
+
<option value="札幌市中央区" data-val="北海道">札幌市中央区</option>
|
168
|
+
|
169
|
+
<option value="札幌市北区" data-val="北海道">札幌市北区</option>
|
170
|
+
|
171
|
+
<option value="札幌市東区" data-val="北海道">札幌市東区</option>
|
172
|
+
|
173
|
+
<option value="札幌市白石区" data-val="北海道">札幌市白石区</option>
|
174
|
+
|
175
|
+
<option value="札幌市豊平区" data-val="北海道">札幌市豊平区</option>
|
176
|
+
|
177
|
+
</select>
|
178
|
+
|
179
|
+
```
|
180
|
+
|
181
|
+
```ここに言語を入力
|
182
|
+
|
183
|
+
app/assets/javascripts/client.js
|
184
|
+
|
185
|
+
|
186
|
+
|
187
|
+
//= require jquery
|
188
|
+
|
189
|
+
//= require rails-ujs
|
190
|
+
|
191
|
+
//= require jquery.turbolinks
|
192
|
+
|
193
|
+
//= require jquery-ui
|
194
|
+
|
195
|
+
//= require turbolinks
|
196
|
+
|
197
|
+
//= require jquery-ui/widgets/datepicker
|
198
|
+
|
199
|
+
//= require jquery-ui/i18n/datepicker-ja
|
200
|
+
|
201
|
+
//= require_tree ./shared
|
202
|
+
|
203
|
+
//= require_tree ./client
|
204
|
+
|
205
|
+
```
|
206
|
+
|
207
|
+
|
208
|
+
|
209
|
+
都道府県、市区町村は一部のみ記載しました。
|
1
誤字を修正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -30,11 +30,7 @@
|
|
30
30
|
|
31
31
|
```
|
32
32
|
|
33
|
-
```ここに言語を入力
|
34
33
|
|
35
|
-
|
36
|
-
|
37
|
-
```
|
38
34
|
|
39
35
|
と、このように「毎回住所入力フォームを新たに開くたびにリロードしないと、都道府県のドロップダウンメニューと市区町村のドロップダウンメニューが連動してくれない」という状態です。
|
40
36
|
|