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

質問編集履歴

1

jsの別ファイルについて

2020/12/10 06:24

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -64,4 +64,30 @@
64
64
 
65
65
  どうすればすべて表示されるようになりますでしょうか?
66
66
 
67
- ご教授下さい。よろしくお願いいたします。
67
+ ご教授下さい。よろしくお願いいたします。
68
+
69
+
70
+
71
+ Jsを別ファイルで読み込む場合ってこれで大丈夫でしょうか?
72
+ ```$('.select').on('change', function(){
73
+ // テキストを取得(例:北海道)
74
+ var area = $(this).children(':selected').text();
75
+
76
+ $('.area').each(function(){
77
+ // 全て非表示にする(初期化)
78
+ $(this).addClass('hide');
79
+
80
+ // '全て'が選択されていれば
81
+ if(area == '全て'){
82
+ // 表示する
83
+ $(this).removeClass('hide');
84
+
85
+ // テキスト(例:北海道)が一致していれば
86
+ }else if($(this).html().match(area)){
87
+ // 表示する
88
+ $(this).removeClass('hide');
89
+ }
90
+ });
91
+ });
92
+
93
+ ```