title: How to use Select box outside to filter dataTables?
body: <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>