使用Javascript[PHP/SQL]筛选表

所以我有一个SQL查询，它从mysql表中提取所有数据，称为示例：

function get_example($conn){

$statement = "SELECT * FROM `example`";
if ($result = $conn->query($statement)) {

    $rows = array();
    while($row = $result->fetch_array()){

        $rows[] = $row;
    }
    return $rows;
} else {
    return 0;
}
}

我在PHP中调用这个函数，并将值存储在$example中。然后，我可以使用foreach创建一个包含所有内容的表：

<table>

<tr>
  <td>ID</td>
  <td>Name</td>
  <td>Description</td>
</tr>

<?php
foreach($example as $entry){
    echo "<tr>";
    echo "<td>" . $entry['id'] . "</td>";
    echo "<td>" . $entry['name'] . "</td>";
    echo "<td>" . $entry['description'] . "</td>";
    echo "</tr>";
}
?>

</table>

身份证件
名称
描述

这非常简单，我可以使用带有方法POST的表单来选择一个值并相应地过滤表（例如，仅显示描述字段为特定值的entires）

我的问题是，如何使用JS过滤这个表

我希望有html按钮，当点击时，调用一个函数，将相关标签css属性的可见性从隐藏更改为可见

So-默认情况下，每个标记都列在表中，可见性项目设置为隐藏。然后，单击某些元素时，关联的元素将设置为可见

这可能吗？我的JS知识是有限的，所以我越深入研究它，PHP表单就越有可能成为SSA最好的选择

---

如果您希望在JavaScript的帮助下在表中进行筛选，请多谢。这是我建议的

数据表：

DataTables是jQuery Javascript库的插件。它是一个高度灵活的工具，基于渐进增强的基础，并将向任何HTML表添加高级交互控件

您可以在datatables上找到更多示例

HTML

<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Id</th>
                <th>Name</th>
                <th>Description</th>
            </tr>
        </thead>
       
        <tbody>
            <?php
            foreach($example as $entry){
             <tr>
                <td><?php $entry['id']; ?></td>
                <td><?php $entry['name']; ?></td>
                <td><?php $entry['description']; ?></td>
             </tr>
           }
          ?>
       </tbody>
</table>

将此cdn链接添加到您的页面

---

如果您选择使用javascript过滤ObjeTC客户端，则可以使用

array.filter（）

或者是有用的库

$(document).ready(function() {
$('#example').DataTable();
});