Javascript 数据过滤器滚动列表

Javascript 数据过滤器滚动列表,javascript,jquery,html,filter,Javascript,Jquery,Html,Filter,我使用垂直滚动列表向下滚动20个缩略图。我有4个下拉列表,每个都有自己的选项 例如: 下拉列表1-地点:英国、美国、墨西哥、法国 下拉列表2-系统发动机、机身 现在,当我从下拉列表1中选择UK时,所有与UK相关的图像都会被过滤掉,而其余的则会被过滤掉。如果我从第二个下拉列表中选择engines,则会显示与engines相关的图像,而其余的则会过滤掉,这将重置我选择的UK 这显示了来自英国、美国、墨西哥和法国的发动机。。而不仅仅是英国从第一个下降。 在选择英国之后,然后选择引擎,我只想保留英国的引

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

例如:

下拉列表1-地点:英国、美国、墨西哥、法国 下拉列表2-系统发动机、机身

现在,当我从下拉列表1中选择UK时,所有与UK相关的图像都会被过滤掉,而其余的则会被过滤掉。如果我从第二个下拉列表中选择engines,则会显示与engines相关的图像,而其余的则会过滤掉,这将重置我选择的UK

这显示了来自英国、美国、墨西哥和法国的发动机。。而不仅仅是英国从第一个下降。 在选择英国之后,然后选择引擎,我只想保留英国的引擎,删除列表中的所有引擎。来自美国、墨西哥和法国的发动机


建议会很好。提前谢谢

我刚才需要做这件事。我采取的方法如下:

定义一个数组来存储选项 从数组中获取项目的源代码。使用AngularJS很容易,但是使用JQuery,您可能需要定义一些方法来使用数组中的数据刷新所有select元素。 将当前值存储在主数组外部内存中的每个下拉列表中。我相信我在dom元素中使用了数据属性。 修改刷新所有元素的方法,将当前值添加到选项列表,然后将下拉列表的焦点设置为当前值。 一旦你有了这个身体,剩下的就变得容易了。选择值包括以下三个步骤:

将当前值追加到数组。 将当前值更新为正在选择的新值。 使用定义的方法刷新所有选定元素。
哦,还有最后一件事。您当前的值将用于确定是显示还是隐藏您的缩略图。

很抱歉回复太晚!我确实查过了,但这不是我能去工作的东西。谢谢你在这里花时间和精力