Global search DataTable whose columns contain select boxes
<p>I have a DataTable (using DataTables 1.10.12) in which all of the columns hold form elements. 3 of the columns contain select boxes. When using the global search box, it works as expected for the columns containing <code>input</code> or <code>textarea</code> elements but the columns containing select boxes are not properly filtered.</p>
<p>For example, given the below table, if I type &quot;internal&quot; in the search box, I expect the second row to be filtered out because the value in the &quot;Scope&quot; column is not &quot;internal&quot;.</p>
<p>However, no rows are filtered out. I realize that this is because the <code>td</code> does in fact contain the word &quot;internal&quot; in the form of a non-selected option.</p>
<p><a href="https://i.stack.imgur.com/WZ9n5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WZ9n5.png" alt="enter image description here" /></a></p>
<p>For filtering these columns, I use functions like this:</p>
<pre><code>        /* Create an array with the values of all the select options in a column */
        $.fn.dataTable.ext.order['dom-select'] = function  ( settings, col )
        {
            return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
                return $('select', td).val();
            } );
        }
</code></pre>
<p>How can I force the <strong>global search box</strong> to use this same logic to search the columns that contain select boxes?</p>
<p>I am aware of the ability to add individual column search boxes with custom logic using the search API but I need this to work with the global search not individual columns.</p>
<h3><a href="http://jsfiddle.net/unzjakt0/54/" rel="nofollow noreferrer">Here is a jsFiddle showing the issue</a></h3>