title: Use Tablesorter to filter by selected option's selects in a column
body: <p>I use the plugin jQuery Tablesorter by Mottie for a long time and it's very useful but today I have a issue. I want to filter my table by the selected options of the selects in one of the columns. The sort works but not the filter.</p>
  
  <p>This is the code HTML :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="tableau-programmes" cellspacing="0" cellpadding="0" class="donnees tablesorter"&gt;
   &lt;thead&gt;
    &lt;tr class="bg-vert-2"&gt;
     &lt;th&gt;Programme&lt;/th&gt;&lt;th&gt;No&lt;/th&gt;&lt;th&gt;Département&lt;/th&gt;&lt;th&gt;CP&lt;/th&gt;&lt;th&gt;Ville&lt;/th&gt;&lt;th&gt;Agence&lt;/th&gt;&lt;th&gt;Association&lt;/th&gt;
    &lt;/tr&gt;
   &lt;/thead&gt;
   &lt;tbody&gt;
    &lt;tr id="18"&gt;
     &lt;td&gt;&lt;a href="programme-neuf-18.php"&gt;Bornéo&lt;/a&gt;&lt;/td&gt;
     &lt;td&gt;44&lt;/td&gt;&lt;td&gt;Loire-Atlantique&lt;/td&gt;
     &lt;td&gt;44100&lt;/td&gt;&lt;td&gt;Nantes&lt;/td&gt;
     &lt;td&gt;
      &lt;select class="centre-profit"&gt;
       &lt;option value="0"&gt;...&lt;/option&gt;
       &lt;option value="2" selected="selected" class="bg-vert-4"&gt;Agence de Saint-Nazaire&lt;/option&gt;
       &lt;option value="1"&gt;Agence de Nantes&lt;/option&gt;
      &lt;/select&gt;
     &lt;/td&gt;
     &lt;td&gt;&lt;span class="c-vert"&gt;Oui&lt;/span&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="17" class="bg-vert-4"&gt;
     &lt;td&gt;&lt;a href="programme-neuf-17.php"&gt;Erdréa&lt;/a&gt;&lt;/td&gt;
     &lt;td&gt;44&lt;/td&gt;
     &lt;td&gt;Loire-Atlantique&lt;/td&gt;
     &lt;td&gt;44300&lt;/td&gt;
     &lt;td&gt;Nantes&lt;/td&gt;
     &lt;td&gt;
      &lt;select class="centre-profit"&gt;
       &lt;option value="0"&gt;...&lt;/option&gt;
       &lt;option value="2" selected="selected" class="bg-vert-4"&gt;Agence de Saint-Nazaire&lt;/option&gt;
       &lt;option value="1"&gt;Agence de Nantes&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
     &lt;td&gt;&lt;span class="c-vert"&gt;Oui&lt;/span&gt;&lt;/td&gt;
    &lt;/tr&gt;
    ...
   &lt;/tbody&gt;
  &lt;/table&gt;   </code></pre>
  </div>
  </div>
  </p>
  
  <p>This is the code js :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function(){
   var nom_prog_preselect = (id_prog_preselect &gt; 0) ? $("tr#"+id_prog_preselect).children('td:first').text() : '';
   $.tablesorter.addParser({ 
     id: 'txt_select', 
     is: function(s) { 
       return false;
     }, 
     format: function(s, table, cell) {
      return $(cell).find('select').children('option:selected').text() || s;
     },
     parsed: true,
     type: 'text' 
   });
   $(".tablesorter").tablesorter({
    widgets:['zebra','stickyHeaders','filter']
    ,headers: {
     5: { sorter:"txt_select", filter:false }
    }
    ,initialized: function (table, filter, apply) {
     $.tablesorter.setFilters( table, [nom_prog_preselect,'','','','','',''], true);
    }
   });
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>Is there anyone who can help me please ? Thanks.</p>