Portefeuille filtrable jquery utilisant selectbox au lieu de href normal

Question

J'utilise le script de portefeuille filtrable par les campagnes de nouveaux médias (http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours) qui fonctionne correctement lorsque vous utilisez des liens normaux dans une liste non ordonnée. Je voudrais offrir les options dans une selectbox si. Quelqu'un pourrait-il me pointer dans la bonne direction?

edit: Je voudrais utiliser le filtre en sélectionnant les options d'une boîte de sélection comme si

<select id="someid"> 
    <option selected value="#All">All</option>    
    <option value="#Design">Design</option>  
    <option value="#Political">Political</option> 
    <option value="#Business">Business</option> 
</select> 

Answer 1

vous avez un -event change sur votre select. Dans ce gestionnaire, vous devez appeler la même routine que de cliquer sur le lien!

mais: élévation change -événement dépend du navigateur. on peut l'appeler immédiatement, d'autres quand vous flouez!

combinent l'idée avec filterable docu:

$(document).ready(function(){ 
$('portfolio-list').filterable(); 
$('#linkID').click(function(){ 
    $('portfolio-list').trigger('filter', [ '#jquery' ]); 
}); 
}); 

par exemple

var myFilterable = $('#myFilterable').filterable(); 
var mySelect = $('#mySelect'); 
mySelect.change(function() { 
    var index = mySelect[0].selectedIndex; 
    var element = mySelect[0].options[index]; 
    var tag = $(element).attr('value'); // jQuery variant 
    //var tag = element.value; // html variant 
    //var tag = $(element).val(); // should work either! 
    // TODO: create an array with the variable value 
    myFilterable.trigger('filter', /* array of tag(s) you want to show*/); 
});