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

Question

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

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

function changeService(val) {
  var service = val;

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

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

Answer 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);
});