如何实现智能搜索框查询数据库中的数据？

Question

• 我想实施搜索框：

  查询 数据库中库存表格中的所有广告资源。

• 我仅想要显示搜索输入框，不列出我的任何项目作为开始。

• 我遇到了一个不错的插件DataTable。我用过它。我喜欢它。
• 我想坚持使用这个插件，只需稍微调整一下即可满足我的需求。

这就是我所拥有的：

这是我想要的：

我在Here

找到了这个

如何隐藏任何数据？

Answer 1

You have to get the data from the server side in the form of a JSON object. once   you get the data you can use this simple to populate the searched data in list   format. You have complete control on which information you want to show.

  Refer to this [link][1]


  [1]: http://jsfiddle.net/yogesh_2022/56wjeu7y/1/

Answer 2

首先，隐藏默认搜索框：

.dataTables_filter {
   display: none;
}

其次，在HTML中的某处创建自己的搜索框：

<input type="text" id="searchbox">

第三，在搜索框中输入时搜索/过滤的脚本

$("#searchbox").keyup(function() {
   dataTable.fnFilter(this.value);
});    

工作演示 - ＆gt; http://jsfiddle.net/TbrtF/