如何集成相扑选择？答案

【问题标题】：How to integrate sumoselect?如何集成相扑选择？
【发布时间】：2015-04-28 11:35:56
【问题描述】：

我的 js 水平很低，很抱歉这个问题。我需要一个多选来过滤我的框。 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

感谢您的帮助。

【问题讨论】：

标签： javascript jquery sumoselect.js

【解决方案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

【讨论】：