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 - 如何从另一个函数调用使用window.onload的函数

php - 第一份工作完成后如何运行工作?

html - 奇怪的引导按钮行为

javascript - 使用JS更改div的内容会破坏我在手机上的 Bootstrap 行对齐

javascript - 使用JavaScript在文本区域中添加文本

javascript - 在不移动 map 的情况下增加 map 容器大小的宽度

javascript - 在 p5.js 中使用 random() 函数

javascript - 为什么这种 JS 函数样式在检索所需数据时不起作用

php - 在准备好的语句中获取失败的查询

php - PHP数组随机/随机数组,所以没有两个相等的值不接近