回答編集履歴

1

2020/01/26 13:54

投稿

KazuSaka
KazuSaka

スコア640

test CHANGED
@@ -21,3 +21,103 @@
21
21
 
22
22
 
23
23
  上記コードが必要ならCOOKIEの警告を解消すべきかと。。。
24
+
25
+
26
+
27
+ ###追記
28
+
29
+ scriptタグ内にJavaScriptコードを書くことで、HTML内で直接Javascriptコードを実行できますよ。
30
+
31
+ 以下コード。
32
+
33
+ 試してみてください。
34
+
35
+ ```
36
+
37
+ <link href="css1.css" rel="stylesheet" type="text/css">
38
+
39
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
40
+
41
+ <script src="http://www.cyokodog.net/jquery.ex-table-filter/jquery.ex-table-filter.js"></script>
42
+
43
+ <!-- <script type="text/javascript" src="filtest.js"></script> -->
44
+
45
+
46
+
47
+
48
+
49
+ filter: <input type="text" id="myfilter">
50
+
51
+
52
+
53
+ <table id="mytable">
54
+
55
+ <thead>
56
+
57
+ <tr>
58
+
59
+ <th>ID</th>
60
+
61
+ <th>名前</th>
62
+
63
+ <th>メールアドレス</th>
64
+
65
+ </tr>
66
+
67
+ </thead>
68
+
69
+ <tbody>
70
+
71
+ <tr>
72
+
73
+ <td>100</td>
74
+
75
+ <td>山田太郎</td>
76
+
77
+ <td>yamada.taro@hoge.com</td>
78
+
79
+ </tr>
80
+
81
+ <tr>
82
+
83
+ <td>101</td>
84
+
85
+ <td>山田花子</td>
86
+
87
+ <td>yamada.hanako@hoge.com</td>
88
+
89
+ </tr>
90
+
91
+ <tr>
92
+
93
+ <td>102</td>
94
+
95
+ <td>鈴木次郎</td>
96
+
97
+ <td>suzuki.joro@hoge.com</td>
98
+
99
+ </tr>
100
+
101
+ <tr>
102
+
103
+ <td>103</td>
104
+
105
+ <td>佐藤美央</td>
106
+
107
+ <td>sato.mio@piyo.jp</td>
108
+
109
+ </tr>
110
+
111
+ </tbody>
112
+
113
+ </table>
114
+
115
+
116
+
117
+ <script>
118
+
119
+ $('#mytable').exTableFilter('#myfilter');
120
+
121
+ </script>
122
+
123
+ ```