javascript - 过滤包含一些文本的 PHP 数据表

标签 javascript php html

我有一个按工作 ID 列出的工作数据库,我设置的是一个搜索框,您可以在其中输入工作 ID 编号,它会显示该编号的相关详细信息。我想要做的是能够输入 jobID 的前几位数字,并让它过滤所有包含这些数字的 jobID。

如果没有 JavaScript 或 j 查询,这可能吗?

这是我的搜索框代码和输入结果的表格代码。

<script type="text/javascript">
    function search () {
    var jobSearch = document.getElementById('jobSearch').value;
    window.location.href = ('search.php?jobID='+jobSearch);
}
</script>

<input id="jobSearch" placeholder="Search Job No.."><button onClick="search();">Search</button></input>

结果表..

<table class="auto details" data-type="table" data-other="" data-filter="jobs.jobID=<?php echo $_GET['jobID']; ?>" data-columns="jobID,customerName,machineName,staffName,operation,notes,operationStatus,pallets"></table>

最佳答案

您可以使用 dataTable将进行排序的插件,为您搜索。请参阅以下链接中的示例

https://www.datatables.net/

你不需要重新配置那么多。只需下载 dataTable 插件,将 css 和 js 添加到你的 php 文件中,然后在你的脚本中添加以下两行

$(document).ready(function() {
    $('#example').DataTable(); //replace the #example and put your table ID here
} );

希望对你有帮助,谢谢

关于javascript - 过滤包含一些文本的 PHP 数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36880522/

相关文章:

javascript - 如何根据增量时间计算跳跃?

javascript - 如何编写 js Accordion 面板的紧密链接?

php - 有没有办法启动 php 脚本并获取状态?

javascript - 附加到子项时删除 onclick

php - 我将如何使用 PHP 对 Linux 用户和密码进行身份验证?

PHP SQL - 无法找到用户是否存在

css - 扩展边框 css 的长度

html - 如何使 Bootstrap 设计的 HTML 颜色边到边

javascript - Ext 4.1 - 如何获取对使用 Ext.define() 创建的类的引用

php - 使用 LEFT JOIN 未按预期工作