jQuery DataTable 精确匹配

Question

I have this jQuery datatable in place:

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

I also have this CHANGE event happening when the user selects an option in a dropdown:

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

I need to be able to alter the CHANGE event so that it searches the DataTable for the exact match in the dropdown.

For example, the v has 2 services called SERV and SERV_ONE. In the dropdown, both SERV and SERV_ONE are available for the user to choose, but if the user chooses SERV, the datatable filters for SERV and also displays the records for SERV_ONE. But when SERV_ONE is chosen, the DataTable only displays the records for SERV_ONE.

Answer 1

See this example for proper use of drop-down filters.

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