表格单元格上的简单过滤器

【问题标题】：A simple filter on a table cell表格单元格上的简单过滤器
【发布时间】：2015-06-03 23:47:09
【问题描述】：

我有一个只有一列 STATUS 的简单表。我正在想办法在那个单元格的顶部放置一个过滤器。

<html>
<body>
  <input type="text" name="status" value=""/>
  <table>
    <tr><th>STATUS</th></tr>
    <tr><td>100</td></tr>
    <tr><td>200</td></tr>
    <tr><td>300</td></tr>
    <tr><td>101</td></tr>
    <tr><td>202</td></tr>
    <tr><td>400</td></tr>
    <tr><td>402</td></tr>
    <tr><td>500</td></tr>
  </table>
</body>
</html>

【问题讨论】：

标签： html filter html-table cell

【解决方案1】：

如果您有可能使用 JS 插件，请尝试Dynatables。设置简单且灵活。

更新：如果您只需要 JS 函数，我认为您首先需要初始 html 结构，并带有您需要的选项。监听此 $selectElement 上的 onChange 事件。然后它会触发关于 $selectElement 中所选选项的状态更改集合（inittail 集合将按您的状态过滤）以这种方式使用 $els = $.filter(// Condition) 与过滤集合的条件。最后只是渲染：

$.each($els, function(el) {
   $tableBody.append(<td>$els</td>);
});

【讨论】：

我只想要一个简单的Javascript函数