javascript - jQuery 数据表精确匹配

Question

我有这个 jQuery 数据表:

 var $dataTable = $('#example1').DataTable({
   "ajax": serviceUrl,
   "iDisplayLength": 25,
   "order": [[ 2, "asc" ]],
   "scrollY": 600,
   "scrollX": true,
   "bDestroy": true
});

当用户在下拉列表中选择一个选项时，我也会发生此 CHANGE 事件:

 $('#serviceload').on('change',function()
 {
   $dataTable.columns(1).search( this.value ).draw();
 });

我需要能够更改 CHANGE 事件，以便它在 DataTable 中搜索下拉列表中的完全匹配项。

例如，v 有 2 个服务，称为 SERV 和 SERV_ONE。在下拉列表中，SERV 和 SERV_ONE 都可供用户选择，但如果用户选择 SERV，则数据表会筛选 SERV 并显示 SERV_ONE 的记录。但当选择SERV_ONE时，DataTable仅显示SERV_ONE的记录。

Answer 1

参见this example正确使用下拉过滤器。

$('#serviceload').on('change keyup', function(){
   var val = $.fn.dataTable.util.escapeRegex($(this).val());
   $dataTable
     .columns(1)
     .search( val ? '^' + val + '$' : '', true, false )
     .draw();
});