title: Filter with combobox with datatables
body: <p>I'm filtering the individual table column searching select inputs. It's working, but I wanted to be able to select more than one product.</p>
  
  <p>Normal works, as I show:</p>
  
  <pre><code>initComplete: function () {
              this.api().columns().every( function () {
                  var column = this;
                  var select = $('&lt;select style="width: 350px;"&gt;&lt;option value=""&gt;&lt;/option&gt;&lt;/select&gt;')
                      .appendTo( $(column.footer()).empty() )
                      .on( 'change', function () {
                          var val = $.fn.dataTable.util.escapeRegex(
                              $(this).val()
                          );
  
                          column
                              .search( val ? '^'+val+'$' : '', true, false )
                              .draw();
                      } );
  
                  column.data().unique().sort().each( function ( d, j ) {
                      select.append( '&lt;option value="'+d+'"&gt;'+d+'&lt;/option&gt;' )
                  } );
              } );
          }
  </code></pre>
  
  <p>But now how do I select more than one product, in the <code>html</code> of <code>select</code> I'm putting the <code>multiple</code>, but so does the filter no longer:</p>
  
  <pre><code>initComplete: function () {
              this.api().columns().every( function () {
                  var column = this;
                  var select = $('&lt;select style="width: 350px;"  multiple&gt;&lt;option value=""&gt;&lt;/option&gt;&lt;/select&gt;')
                      .appendTo( $(column.footer()).empty() )
                      .on( 'change', function () {
                          var val = $.fn.dataTable.util.escapeRegex(
                              $(this).val()
                          );
  
                          column
                              .search( val ? '^'+val+'$' : '', true, false )
                              .draw();
                      } );
  
                  column.data().unique().sort().each( function ( d, j ) {
                      select.append( '&lt;option value="'+d+'"&gt;'+d+'&lt;/option&gt;' )
                  } );
              } );
          }       
  </code></pre>
  
  <p>Can you help?       </p>