树枝：如何根据所选选项过滤表行

Question

我正在建立一个像这样设置的表：

<table>
    <tr>
       <th></th>
       <th>POS</th>
       <th>TEAM</th>
       <th>DRIVER</th>
       <th>MUG</th>
       <th>SPA</th>
       <th>BRN</th>
       <th>POR</th>
       <th>BAR</th>
       <th>TOT</th>
    </tr>
    {% for item in entries %}
    <tr>
        <td>{{ item.icon|raw }} {{ item.rank|upper }}</td>
        <td>{{ item.postition|upper }}</td>
        <td>{{ item.team|upper }}</td>
        <td>{{ item.driver|upper }}</td>
        <td>{{ item.mug|upper }}</td>
        <td>{{ item.spa|upper }}</td>
        <td>{{ item.brn|upper }}</td>
        <td>{{ item.por|upper }}</td>
        <td>{{ item.bar|upper }}</td>
        <td>{{ item.tot|upper }}</td>
    </tr>
    {% endfor %}
</table>

如果该表包含选定的选项，我希望能够对其进行过滤：

<select >
   <option value="">CLASS A</option>
   <option value="">CLASS B</option>
   <option value="">CLASS C</option>
</select>

因此，当您选择诸如类a之类的选项并且一个数组包含值CLASS A时，它将显示包含该值的所有行。 但是我不知道从哪里开始。 有人可以帮我吗？

Table example