How to use Select box outside to filter dataTables?
<p>I'm using the <a href="https://datatables.net/" rel="noreferrer">DataTables</a> Table plug-in for jQuery but I'm having trouble 
getting the global input search box would be an select box.</p>

<p>With the <a href="https://legacy.datatables.net/ref#sDom" rel="noreferrer">sDOM</a> option <code>lrtip</code>, filtering input is not show but is 
it possible to display select box and getting the datatable to filter based on the change of the select box?</p>

<p><strong>JS:</strong></p>

<pre><code>$(document).ready(function() {
    var table = $('#table_page').DataTable( {
        paging:   true,
        ordering: false,        
        info:     true,
        searching: true, 
        sDom: "lrtip" // default is lfrtip, where the f is the filter
    });
});
</code></pre>

<p><strong>HTML:</strong></p>

<pre><code>&lt;table id="table_page" class="display cell-border" width="100%"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;Column 1&lt;/th&gt;
            &lt;th&gt;Column 2&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
&lt;/table&gt;
</code></pre>