Javascript 基于在多个select2下拉列表中选择的值显示/隐藏div

我正在构建一个搜索结果过滤功能。我有许多select2下拉框，用户可以从中选择多个值，以隐藏或显示具有匹配类值的div。我有许多div，其中的类包含与select2下拉框中的值匹配的值。如何编写此功能

我只能为一个选择工作，我希望能够从下拉列表中选择多个选项

$'select.filterCandidates'。绑定'change'，函数{ $'select.filterCandidates'.attr'disabled'，'disabled'； $'candidates'.find'.row'.hide； var-critriaAttribute=； $'select.filterCandidates'。每个函数{ 如果$this.val！=“0”{ critriaAttribute+='[data-'+$this.data'attribute'+'*='+$this.val+']； } }; $'candidates'.find'.row'+critriaAttribute.show； $'filterCount'.html'显示'+$'div.row:可见'.length+'Matches'； $'select.filterCandidates'.removeAttr'disabled'； }; $'reset-filters'.onclick，函数{ $'candidates'.find'.row'.show； }; 搜索表 候选类型 加利福尼亚州 终审法院 首席财务官 CIMA 首选角色 分析师 联合 首席财务官 FD 调频 首选角色类型 永久的 合同/临时 实习

---

只是给你一个粗略的想法，因为你没有提供任何代码

<script>
   var SelectedValues = $('#ddlSelect option:selected');
   var NotSelectedValues $('#ddlSelect option:not(:selected)');
        $(SelectedValues ).each(function () {
        $("."+$(this).val()+"").show(); //show all those divs containing 
        //this class

        });
        $(NotSelectedValues ).each(function () {
        $("."+$(this).val()+"").hide();//hide all those divs containing 
        //this class

        });
</script>

这是一个粗略的想法，上面的脚本将用ddlSelect显示包含您在select2中选择的类的所有div，并隐藏您尚未选择的类。

---

您可以将其放入函数中，并在ddlSelect的onchange事件或任何您想要的情况下调用它。

我们很乐意帮助和支持新的编码人员，但您需要首先帮助自己。如果您有问题，请发布您尝试过的内容，并清楚解释哪些内容不起作用，然后提供。读这本书。另外，请务必阅读@Phiter，我已经更新了问题，抱歉，我在添加代码之前点击了submit。我不认为它会，正如它所写的那样。你怎么会这么认为？显示/隐藏的选择器连接错误。