Question

我的技能很低，很抱歉这个问题。我需要一个多选来过滤我的盒子。 sumoselect插件看起来很聪明，我可以运行它，但我不知道如何将它集成到我的盒子中。例如，如果我在我的多选中选择“沃尔沃和梅赛德斯”，我希望其他方框淡出。在取消选择时，将显示所有框。

这是我目前的状态：

}(jQuery));

$(document).ready(function () {

    $('.select').on('change', function(e) {
        console.log($(this).val()) // value
    }).SumoSelect({})

    $('#submit').click(function(e){
        e.preventDefault();
        var v = $('#uq').val();
        alert(v);
    });
});

The Fiddle

感谢您的帮助。

Answer 1

如果您稍微修改box html以包含<select>

的值

 <span class="box" data-select_match="bmw">BMW</span>

然后，您可以根据添加的属性过滤框：

var $boxes = $('.box');
$('.select').on('change', function(e) {
    var selected = $(this).val();
    if(!selected ){
        $boxes.show()
    }else{
        $boxes.hide().filter(function(){ // hide boxes then filter what gets shown
            var select_match = $(this).data('select_match');
            return selected.indexOf(select_match) > -1;
        }).show();
    }       
}).SumoSelect({})

的 DEMO

如何整合sumoselect？

1 个答案: