teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

追記

2018/11/03 15:36

投稿

colling
colling

スコア798

answer CHANGED
@@ -2,4 +2,59 @@
2
2
  `/*都道府県用に追記した部分*/`から`/*都道府県用に追記した部分*/`の中にある、`$('.change_city').on('change', function(){`のところは、`$('.change_area').on('change', function(){`とすべきじゃないのでしょうか?
3
3
 
4
4
  ---追記 ---
5
- あとから追加したと思われる、`.fail`の挿入場所もちょっと違っているような気が、、、。
5
+ あとから追加したと思われる、`.fail`の挿入場所もちょっと違っているような気が、、、。
6
+
7
+ ---追記---
8
+ `.fail`は`.done(`の閉じカッコの後にないといけないと思いますので、
9
+
10
+ ```javascript
11
+ $(function () {
12
+
13
+ $.ajax({
14
+ url: "shop.php",
15
+ type: "POST",
16
+ dataType: 'json',
17
+ data: {
18
+ city_id: $(".change_city").val(),
19
+ mode: "mail"
20
+ }
21
+ })
22
+ .done(function(data, textStatus, jqXHR){
23
+ $('.change_shop option').remove();
24
+ $.each(data, function(id, name){
25
+ $('.change_shop').append($('<option>').text(name).attr('value', id));
26
+ })
27
+ }).fail(function(jqXHR, textStatus, errorThrown){
28
+ // エラーの場合処理
29
+ $("div.result").text("エラーが発生しました。ステータス:" + jqXHR.status);
30
+ });
31
+
32
+
33
+ $('.change_city').on('change', function(){
34
+ console.log('shop.phpへ');
35
+ $.ajax({
36
+ url: "shop.php",
37
+ type: "POST",
38
+ dataType: 'json',
39
+ data: {
40
+ school_id: $(".change_city").val(),
41
+ mode: "mail"
42
+ }
43
+ })
44
+ .done(function(data, textStatus, jqXHR){
45
+ $('.change_shop option').remove();
46
+ $.each(data, function(id, name){
47
+ $('.change_shop ').append($('<option>').text(name).attr('value', id));
48
+ })
49
+ }).fail(function(jqXHR, textStatus, errorThrown){
50
+ // エラーの場合処理
51
+ $("div.result").text("エラーが発生しました。ステータス:" + jqXHR.status);
52
+ });
53
+ });
54
+ });
55
+ ```
56
+
57
+ > ajaxがきちんと動作しているのが前提ですが、
58
+ > `/*都道府県用に追記した部分*/`から`/*都道府県用に追記した部分*/`の中にある、`$('.change_city').on('change', function(){`のところは、`$('.change_area').on('change', function(){`とすべきじゃないのでしょうか?
59
+
60
+ こちらの場所は、自分が書いたものをよく見てください。わかりませんか?

1

追記

2018/11/03 15:36

投稿

colling
colling

スコア798

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