How to use Select box outside to filter dataTables?

Question

I\'m using the DataTables Table plug-in for jQuery but I\'m having trouble getting the global input search box would be an select box.

With the sDOM option lr

Answer 1

You can use search() API method to perform global search programmatically and dom option to disable built-in search control.

For example:

var table = $('#example').DataTable({
   dom: 'lrtip'
});

$('#table-filter').on('change', function(){
   table.search(this.value).draw();   
});

See this example for code and demonstration. See this example, if you want to replace default search box.