Bonjour à tout le monde,

J'essaye de produire un filtre de sélection multiples en utilisant les liste déroulantes et les data attributes de HTML 5.
Malheuresement je n'arrive pas avec des multiples...

Voici ce que j'ai:

J'ai plusieurs filtres (listes déroulantes avec la classe "filterby")

J'ai deux data's : data-country, et data-status

Voici le code

$('select.filterby').change(function() {
    var filters = $.map($("select.filterby").toArray(), function(e){
        return $(e).val();
    });
    filterList(filters);
});

function filterList(value) {
    var list = $("div#investments-container div.span3");
    $(list).fadeOut("fast");
    if (value == "All") {
        $("div#investments-container").find("div.span3").each(function (i) {
            $(this).delay(100).slideDown("fast");
        });
    } else {
        $("div#investments-container").find("div[data-status=" + value + "][data-country=" + value + "]").each(function (i) {
            $(this).delay(100).slideDown("fast");
        });
    }
}

Je viens d'avancer en changeant ceci

$("div#investments-container").find("div[data-status=" + value + "][data-country=" + value + "]").each(function (i) {
            $(this).delay(100).slideDown("fast");
        });

à ceci

$("div#investments-container").find("div[data-status=" + value[0] + "][data-country=" + value[1] + "]").each(function (i) {
            $(this).delay(100).slideDown("fast");
        });

Maintenant les filtres marchent quand il sont pas sur 'All"...

-
Edité par demianortegam 10 août 2015 à 21:19:16