title: Combining elements for filtering with Isotope
body: <p>I'm currently using Isotope to filter a list of publications, but would like to be able to combine the standard, documented link-filter method with a select element, as my second list of filters is quite long.</p>
  
  <p>The bit I'm struggling with is dealing with two distinct types of element and <em>combining</em> selected values into <em>one option array</em>. I can make the filters work independently of each other (code below) but they need to work together. How can I combine the two different actions (click or change) and two attributes (class= or value=) into one options array to pass to the isotop filter?</p>
  
  <pre><code>    var $container = $('#library');
  // select ccskills publications by default
  $container.isotope({ filter: '.ccskills' });
  
  var $optionSets = $('#library-options .option-set'),
  $optionLinks = $optionSets.find('a');
  
  $optionLinks.click(function(){
      var $this = $(this);
      // don't proceed if already selected
      if ( $this.hasClass('selected') ) {
      return false;
      }
      var $optionSet = $this.parents('.option-set');
      $optionSet.find('.selected').removeClass('selected');
      $this.addClass('selected');
  
      // make option object dynamically, i.e. { filter: '.my-filter-class' }
      var options = {},
      key = $optionSet.attr('data-option-key'),
      value = $this.attr('data-option-value');
  
      // parse 'false' as false boolean
      value = value === 'false' ? false : value;
      options[ key ] = value;
      $container.isotope( options );
      return false;
  });
  
      // using the 'chozen' plugin to style my select element
  $(".chzn-select").chosen().change(
      function() {
          var industry = $("option:selected", this).val();
          $container.isotope({filter: industry});
      }
  );
  </code></pre>