如何使用 HTML、Database 和 JS 创建过滤功能答案

【问题标题】：How to use HTML, Database & JS to create a filter function如何使用 HTML、Database 和 JS 创建过滤功能
【发布时间】：2015-07-31 03:14:35
【问题描述】：

我是 HTML、JS 和数据库的入门级学习者。目前，我正在使用 HTML & JS & DB 创建一个学生信息跟踪网页，使管理员能够输入和跟踪学生信息记录。用户输入并提交信息后，该记录将保存到数据库事实表中，同时也会显示在主页的汇总表中。在数据输入页面上有一个主管的下拉列表，它将从数据库中提取主管数据：

    <label for ="supervisor">Supervisor</label>
    <select name="supervisor" id="supervisor"><option>Supervisor</option></select >

数据库中的主管表是：

 supervisorKey            supervisorLabel             SupervisorOrder
      1             Alex Grey(email1@gmail.com)           1
      2             Carol Hann(email2@gmail.com)            2  
      ...                ...                               ...
      20            Not Selected                            0

现在我正在为汇总表创建一个过滤函数。单击过滤器按钮后，将显示一个包含不同选项的新页面。筛选选项之一是根据主管姓名或主管学校搜索学生记录。对于每个主管都属于三个学校（商业、工程、艺术）之一。

用户希望“导师下拉列表”在过滤工具中如下所示，这意味着用户可以通过选择特定学校进行搜索以查看该学校所有教授监督的所有学生，也可以搜索通过选择教授的名字：

supervisor:
     Engineering School
     Business School
     Art School
     Alex Grey
     Carol Hann
      ....
     Not Selected

我尝试创建新表“学校”，并将学校密钥添加到“主管表”

schoolKey           schoolLabel     schoolOrder
1                Engineering School    1
2                 Business School      2
3                    Art School        3

过滤功能不起作用，我不知道如何将学校和主管的名字放在同一个下拉列表下。

【问题讨论】：

你能详细解释一下'filter function'的用途吗？乍一看，我认为您可以通过查询语句进行过滤。

标签： javascript html database

【解决方案1】：

如果您从数据库中获取数据并以 html 的表格格式显示，那么您可以使用数据表，它会自动将搜索和排序功能添加到表中。在这里检查：datatables.net

【讨论】：