数据过滤器滚动列表

Question

我使用垂直滚动列表向下滚动20张缩略图。我有4个下拉列表，每个都有自己的选择。

例如：

下拉列表1-位置(英国、美国、墨西哥、法国)下拉列表2-系统(发动机、机身)

现在，当我从下拉列表1中选择UK时，与UK相关的所有图像都会被过滤掉，而其余的图像则会被过滤掉。如果我从第二个下拉列表中选择" engines“，与引擎相关的图像会显示出来，而其余的会被过滤掉(这会重置我选择了UK)。

这里展示了来自英国、美国、墨西哥和法国的发动机。而不仅仅是从第一个下拉菜单开始的英国。选择英国后，然后选择引擎，我希望只保留英国的引擎，并删除列表中的所有引擎。(引擎来自美国、墨西哥和法国)

建议是很好的。提前谢谢。

Answer 1

不久前我就需要做这件事。我采取的方法如下：

1. 定义一个数组来存储选项
2. 从数组中获取项目。使用AngularJS这很容易，但是使用JQuery你可能需要定义一些方法来用数组中的数据刷新所有的select元素。
3. 将每个下拉列表中的当前值存储在内存中主数组之外的某个地方。(我相信我在dom element.)
4. Modify中使用了数据属性，该方法刷新所有元素以将当前值添加到选项列表中，然后将下拉菜单的焦点设置为当前值。

一旦你有了这个身体，剩下的事情就变得容易了。选择值包括以下三个步骤：

将当前值追加到array.

• Update当前值添加到新值您正在使用您定义的方法选择所有元素。

哦，还有最后一件事。当前值是将用于确定是显示还是隐藏缩略图的值。