dataTable搜索[Filter Plugin]在更改之前不起作用

Question

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

使用以下脚本在DataTable的搜索框中添加所选值;使用HTML标记中的onchange触发此函数：

function changeService(val) {
  var service = val;

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

此函数在所需的搜索输入标记中添加值 - 我可以在文本框中看到该值;但是在我改变这个之前，dataTable中的数据不会被过滤......

Answer 1

为什么不使用DataTables api而不是试图破解ui：

http://datatables.net/api#fnFilter

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

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

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