dataTable搜索[過濾器插件]在更改之前不起作用

Question

這是一個奇怪的問題，但是這個要求是關於僅顯示使用下拉列表選擇的表中的值，我使用dataTable插件顯示此數據並達到使用search [Filter plugin]的要求特征。 因此，無論何時從下拉列表中選擇任何值，我都將其輸入到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);
});