回答編集履歴

2

追記

2018/11/03 15:36

投稿

colling
colling

スコア798

test CHANGED
@@ -7,3 +7,113 @@
7
7
  ---追記 ---
8
8
 
9
9
  あとから追加したと思われる、`.fail`の挿入場所もちょっと違っているような気が、、、。
10
+
11
+
12
+
13
+ ---追記---
14
+
15
+ `.fail`は`.done(`の閉じカッコの後にないといけないと思いますので、
16
+
17
+
18
+
19
+ ```javascript
20
+
21
+ $(function () {
22
+
23
+
24
+
25
+ $.ajax({
26
+
27
+ url: "shop.php",
28
+
29
+ type: "POST",
30
+
31
+ dataType: 'json',
32
+
33
+ data: {
34
+
35
+ city_id: $(".change_city").val(),
36
+
37
+ mode: "mail"
38
+
39
+ }
40
+
41
+ })
42
+
43
+ .done(function(data, textStatus, jqXHR){
44
+
45
+ $('.change_shop option').remove();
46
+
47
+ $.each(data, function(id, name){
48
+
49
+ $('.change_shop').append($('<option>').text(name).attr('value', id));
50
+
51
+ })
52
+
53
+ }).fail(function(jqXHR, textStatus, errorThrown){
54
+
55
+ // エラーの場合処理
56
+
57
+ $("div.result").text("エラーが発生しました。ステータス:" + jqXHR.status);
58
+
59
+ });
60
+
61
+
62
+
63
+
64
+
65
+ $('.change_city').on('change', function(){
66
+
67
+ console.log('shop.phpへ');
68
+
69
+ $.ajax({
70
+
71
+ url: "shop.php",
72
+
73
+ type: "POST",
74
+
75
+ dataType: 'json',
76
+
77
+ data: {
78
+
79
+ school_id: $(".change_city").val(),
80
+
81
+ mode: "mail"
82
+
83
+ }
84
+
85
+ })
86
+
87
+ .done(function(data, textStatus, jqXHR){
88
+
89
+ $('.change_shop option').remove();
90
+
91
+ $.each(data, function(id, name){
92
+
93
+ $('.change_shop ').append($('<option>').text(name).attr('value', id));
94
+
95
+ })
96
+
97
+ }).fail(function(jqXHR, textStatus, errorThrown){
98
+
99
+ // エラーの場合処理
100
+
101
+ $("div.result").text("エラーが発生しました。ステータス:" + jqXHR.status);
102
+
103
+ });
104
+
105
+ });
106
+
107
+ });
108
+
109
+ ```
110
+
111
+
112
+
113
+ > ajaxがきちんと動作しているのが前提ですが、
114
+
115
+ > `/*都道府県用に追記した部分*/`から`/*都道府県用に追記した部分*/`の中にある、`$('.change_city').on('change', function(){`のところは、`$('.change_area').on('change', function(){`とすべきじゃないのでしょうか?
116
+
117
+
118
+
119
+ こちらの場所は、自分が書いたものをよく見てください。わかりませんか?

1

追記

2018/11/03 15:36

投稿

colling
colling

スコア798

test CHANGED
@@ -1,3 +1,9 @@
1
1
  ajaxがきちんと動作しているのが前提ですが、
2
2
 
3
3
  `/*都道府県用に追記した部分*/`から`/*都道府県用に追記した部分*/`の中にある、`$('.change_city').on('change', function(){`のところは、`$('.change_area').on('change', function(){`とすべきじゃないのでしょうか?
4
+
5
+
6
+
7
+ ---追記 ---
8
+
9
+ あとから追加したと思われる、`.fail`の挿入場所もちょっと違っているような気が、、、。