W3.JSHTMLフィルター
フィルター要素:
w3.filterHTML(selector)
フィルタリスト
入力フィールドで名前を検索します。
- {{顧客名}}
例
<input oninput="w3.filterHTML('#id01',
'li', this.value)">
<ul id="id01">
<li>Alfreds Futterkiste</li>
<li>Berglunds snabbkop</li>
...
フィルターテーブル
名前 | 国 |
---|---|
ベルグルンドのスーパーマーケット | スウェーデン |
南北 | 英国 |
アルフレッドの給餌箱 | ドイツ |
ロイヤルフード | ドイツ |
集められた食品倉庫 | イタリア |
パリ料理 | フランス |
アイランドトレーディング | 英国 |
笑うバッカスワインセラー | カナダ |
例
<input oninput="w3.filterHTML('#id01', '.item', this.value)">
<table
id="id01">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr class="item">
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
<tr class="item">
<td>Berglunds snabbkop</td>
<td>Lulea</td>
<td>Sweden</td>
</tr>
...