数据表搜索[过滤器插件]在更改之前不起作用答案

【问题标题】：dataTable search[Filter Plugin] doesn't work until change数据表搜索[过滤器插件]在更改之前不起作用
【发布时间】：2013-08-22 14:03:47
【问题描述】：

这是一个奇怪的问题，但是这个要求是关于只显示使用下拉列表选择的表中的那些值，我使用 dataTable 插件来显示这些数据并实现我使用搜索的要求[过滤器插件]功能。因此，每当我从下拉列表中选择任何值时，我都会在 dataTable 的搜索输入标签中输入它。但是，除非我自己更改添加的数据，否则不会过滤数据。

已使用以下脚本将所选值添加到 DataTable 的搜索框中；这个函数是在 HTML 标签中使用 onchange 触发的：

function changeService(val) {
  var service = val;

  $('#example_filter').find('input').val(service);
}

此函数在所需的搜索输入标签中添加值 - 我可以在文本框中看到值；但是在我更改此内容之前，不会过滤 dataTable 中的数据...

【问题讨论】：

标签： javascript html jquery-datatables

【解决方案1】：

与其尝试破解 ui，不如使用 DataTables api：

http://datatables.net/api#fnFilter

因此，当您更改下拉列表时，您可以在数据表上调用 fnFilter 函数：

$('#dropdownlist').on('change', function() {
   var val = $(this).val();

   var dataTable = $('#table').dataTable();
   dataTable.fnFilter(val);
});

【讨论】：