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

回答編集履歴

2

chousei

2018/12/10 03:26

投稿

yambejp
yambejp

スコア117887

answer CHANGED
@@ -8,6 +8,7 @@
8
8
  たとえばこう
9
9
 
10
10
  ```javascript
11
+ <script>
11
12
  $(function(){
12
13
  $('#f1 select').on('change',function(){
13
14
  var y=$('#f1 [name=year]').val();
@@ -20,4 +21,29 @@
20
21
  $(".search").load("search.php"+(params.length>0?"?":"")+params.join("&"));
21
22
  });
22
23
  });
24
+ </script>
25
+ <form method="get" id="f1">
26
+ <div id="search-bar">
27
+ <select name="year" id="bar_year">
28
+ <option value="">----</option>
29
+ <option value="2018">2018</option>
30
+ <option value="2017">2017</option>
31
+ <option value="2016">2016</option>
32
+ </select>年
33
+ <select name="month" id="bar_month">
34
+ <option value="">--</option>
35
+ <option value="10">10</option>
36
+ <option value="11">11</option>
37
+ <option value="12">12</option>
38
+ </select>月
39
+ <select name="day" id="bar_day">
40
+ <option value="">--</option>
41
+ <option value="1">1</option>
42
+ <option value="2">2</option>
43
+ <option value="3">3</option>
44
+ </select>日
45
+ <button id="search-button">検索</button>
46
+ </div>
47
+ </form>
48
+ <div class="search"></div>
23
49
  ```

1

sample

2018/12/10 03:26

投稿

yambejp
yambejp

スコア117887

answer CHANGED
@@ -2,4 +2,22 @@
2
2
 
3
3
  formからパラメータを渡してないので常にパラメータ無し状態で.searchに
4
4
  結果が表示されますね
5
- formのデータを引き継ぎたいのでしょうか?
5
+ formのデータを引き継ぎたいのでしょうか?
6
+
7
+ # sample
8
+ たとえばこう
9
+
10
+ ```javascript
11
+ $(function(){
12
+ $('#f1 select').on('change',function(){
13
+ var y=$('#f1 [name=year]').val();
14
+ var m=$('#f1 [name=month]').val();
15
+ var d=$('#f1 [name=day]').val();
16
+ var params=[];
17
+ if(y!=="") params.push("year="+y);
18
+ if(m!=="") params.push("month="+m);
19
+ if(d!=="") params.push("day="+d);
20
+ $(".search").load("search.php"+(params.length>0?"?":"")+params.join("&"));
21
+ });
22
+ });
23
+ ```