W3.JS HTML-filters


Filter elemente:

w3.filterHTML(selector)

Filter lyste

Soek vir 'n naam in die invoerveld.

  • {{Kliënt naam}}

Voorbeeld

<input oninput="w3.filterHTML('#id01', 'li', this.value)">

<ul id="id01">
  <li>Alfreds Futterkiste</li>
  <li>Berglunds snabbkop</li>
...

Filter tabelle

Naam Land
Berglund se supermark Swede
Noord Suid VK
Alfred se voerkissie Duitsland
Koninklike kos Duitsland
Versamelde Kospakhuise Italië
Parys spesialiteite Frankryk
Eilandhandel VK
Laggende Bacchus Wynkelders Kanada

Voorbeeld

<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>
...