Javascript jQuery同位素过滤器与表单选择一起使用时出现问题

我尝试使用jquery同位素过滤，在页面上过滤HTML块，每个块包含2个参数： 一级 二级

当我使用按钮按class-1进行过滤时，它是有效的。 但是，当我在HTML块中添加class-2并尝试通过另一个下拉选择进行过滤时，它不起作用。我卡住了，想知道我在哪里出错

HTML

<div id="filters" class="button-group">
<div class="col-md-6"> 
 <ul>
<li><button class="button is-checked" data-filter="*">All</button></li>
<li><button class="button" data-filter=".1">One only</button></li>
</ul>
</div><!--------col-md-6 ends here-------------------->

</div><!-------/#filter ends here---------->

<div id="filters" class="select-group">
<div class="col-sm-8">
  <select class="form-control filter_by_type2 select" id="filter_2" placeholder="">
 <option value="2" data-filter=".2">Two only</option>
</select>
</div>
</div>

到目前为止，它可以通过点击按钮进行过滤。 但是现在，我还想通过使用

下拉列表过滤相同的HTML块。 i、 e或条件在项目选择器中实现。 N现在

的附加代码是：

HTML

<div id="filters" class="button-group">
<div class="col-md-6"> 
 <ul>
<li><button class="button is-checked" data-filter="*">All</button></li>
<li><button class="button" data-filter=".1">One only</button></li>
</ul>
</div><!--------col-md-6 ends here-------------------->

</div><!-------/#filter ends here---------->

<div id="filters" class="select-group">
<div class="col-sm-8">
  <select class="form-control filter_by_type2 select" id="filter_2" placeholder="">
 <option value="2" data-filter=".2">Two only</option>
</select>
</div>
</div>

---

在html中做一点更改，并更改过滤器代码以获取选项值，因为在选择选项中没有数据过滤器属性。JSFIDLE会有所帮助，因为我看不到实际的代码在工作

HTML

---

在html中做一点更改，并更改过滤器代码以获取选项值，因为在选择选项中没有数据过滤器属性。JSFIDLE会有所帮助，因为我看不到实际的代码在工作

HTML

---

谢谢你，伙计。我也应用了同样的逻辑，在我没有看到答案后，它起了作用。谢谢你的时间，谢谢你的朋友。我也应用了同样的逻辑，在我没有看到答案后，它起了作用。谢谢你抽出时间

<div class="select-group">
<div class="col-sm-8">
<select id="filters" class="form-control filter_by_type2 select" id="filter_2" placeholder="">
 <option value=".2">Two only</option>
</select>
</div>
</div>

 // bind select option value
 $('#filters').on( 'change', function() {
 var filterValue = $( this ).val();
 // use filterFn if matches value
 filterValue = filterFns[ filterValue ] || filterValue;
 $container.isotope({ filter: filterValue });
  });