List.js下拉过滤器 - 如何重置为初始状态?

时间:2018-02-13 20:37:40

标签: jquery html list.js

我让下拉过滤器正常工作,但我想提供一个刷新列表项的All值,并显示初始状态(所有列表项都可见)。

我有一个按钮可以执行此操作onClick:

$('#filter-clear').click(function() {
  featureList.filter();
  return false;
});

下面的下拉代码中的if语句未按预期工作。 基本上,如果选择值是ALL,我想运行与filter-clear按钮运行相同的功能(显示所有项目)。否则返回具有所选值的项目。

这是下拉列表的代码集,没有下面的if语句:https://codepen.io/nolaandy/pen/Zryaoq

我的下拉代码:

$('#positionChange').change(function () {
var selection = this.value; 
var option=document.getElementById('positionChange').value;
console.log(selection);console.log(option);

featureList.filter(function (item) {
  if (selection='ALL') {
      featureList.filter();
      } else {
return (item.values().playerPosition == selection);
}
});

});

1 个答案:

答案 0 :(得分:0)

试试这段代码

$('#positionChange').change(function () {
var selection = this.value; 
var option=document.getElementById('positionChange').value;
console.log(selection);console.log(option);
if(selection != 'ALL')
    featureList.filter();
else
    featureList.filter(function (item) {
        return (item.values().playerPosition == selection);
    });

});

在函数过滤器内部使用if / else更好的做法是不好的。