Javascript 使用下拉选择对list.js中的项目进行排序

我正在使用plugin list.js对项目列表进行排序。目前，该示例显示了一个用于过滤的搜索栏，我想使用下拉选择在两种材质“玻璃”和“塑料”之间进行更精确的过滤

这是我的小提琴：（当然list.js不能很好地使用它。）

编辑：更新了jquery插件的fiddle

这是我的密码：

HTML

---

您需要更改选择选项的值：

<select name="material" id="filter-material">
    <option selected="selected" value="">Select a Material</option>
    <option value="plastic">Plastic</option>
    <option value="glass">Glass</option>
</select> 

---

当只有一个选择列表时，接受的答案可以正常工作，但当有更多选择列表时失败。下面是一种使用任意数量的选择过滤器完成相同任务的方法

<select name="material" class="select-filter">
    <option selected="selected" value="">Select a Material</option>
    <option value="plastic">Plastic</option>
    <option value="glass">Glass</option>
</select>

---

你需要在演示中包含插件文件，否则我们不知道它的来源。把它放到我的代码中，它工作得很好！谢谢你的帮助，我被困在这几个小时了！哈哈，谢谢你，伙计！

<select name="material" id="filter-material">
    <option selected="selected" value="">Select a Material</option>
    <option value="plastic">Plastic</option>
    <option value="glass">Glass</option>
</select> 

$('#filter-material').change(function () {
    var selection = this.value;
    if (selection) {
        featureList.filter(function(item) {
            return (item.values().material == selection);
        });
    } else {
        featureList.filter();
    }
});

<select name="material" class="select-filter">
    <option selected="selected" value="">Select a Material</option>
    <option value="plastic">Plastic</option>
    <option value="glass">Glass</option>
</select>