回答編集履歴

2

chousei

2018/12/10 03:26

投稿

yambejp
yambejp

スコア114843

test CHANGED
@@ -17,6 +17,8 @@
17
17
 
18
18
 
19
19
  ```javascript
20
+
21
+ <script>
20
22
 
21
23
  $(function(){
22
24
 
@@ -42,4 +44,54 @@
42
44
 
43
45
  });
44
46
 
47
+ </script>
48
+
49
+ <form method="get" id="f1">
50
+
51
+ <div id="search-bar">
52
+
53
+ <select name="year" id="bar_year">
54
+
55
+ <option value="">----</option>
56
+
57
+ <option value="2018">2018</option>
58
+
59
+ <option value="2017">2017</option>
60
+
61
+ <option value="2016">2016</option>
62
+
63
+ </select>年
64
+
65
+ <select name="month" id="bar_month">
66
+
67
+ <option value="">--</option>
68
+
69
+ <option value="10">10</option>
70
+
71
+ <option value="11">11</option>
72
+
73
+ <option value="12">12</option>
74
+
75
+ </select>月
76
+
77
+ <select name="day" id="bar_day">
78
+
79
+ <option value="">--</option>
80
+
81
+ <option value="1">1</option>
82
+
83
+ <option value="2">2</option>
84
+
85
+ <option value="3">3</option>
86
+
87
+ </select>日
88
+
89
+ <button id="search-button">検索</button>
90
+
91
+ </div>
92
+
93
+ </form>
94
+
95
+ <div class="search"></div>
96
+
45
97
  ```

1

sample

2018/12/10 03:26

投稿

yambejp
yambejp

スコア114843

test CHANGED
@@ -7,3 +7,39 @@
7
7
  結果が表示されますね
8
8
 
9
9
  formのデータを引き継ぎたいのでしょうか?
10
+
11
+
12
+
13
+ # sample
14
+
15
+ たとえばこう
16
+
17
+
18
+
19
+ ```javascript
20
+
21
+ $(function(){
22
+
23
+ $('#f1 select').on('change',function(){
24
+
25
+ var y=$('#f1 [name=year]').val();
26
+
27
+ var m=$('#f1 [name=month]').val();
28
+
29
+ var d=$('#f1 [name=day]').val();
30
+
31
+ var params=[];
32
+
33
+ if(y!=="") params.push("year="+y);
34
+
35
+ if(m!=="") params.push("month="+m);
36
+
37
+ if(d!=="") params.push("day="+d);
38
+
39
+ $(".search").load("search.php"+(params.length>0?"?":"")+params.join("&"));
40
+
41
+ });
42
+
43
+ });
44
+
45
+ ```