Javascript Jquery筛选器按属性选项标记选择选项

Javascript Jquery筛选器按属性选项标记选择选项,javascript,jquery,Javascript,Jquery,我有两个选择框 第一类是主要类别 第二个是子类别 maincategories和subcategories选项提供了一个数据键 <option data-key="0">First</option> <option data-key="1">Second</option> 在此之后,我想过滤.subcat选择框以仅显示数据键=键的数据 有什么想法吗?这将隐藏或显示.subcat中的选项,具体取决于它们的数据键是否匹配键 $(".subcat op

我有两个选择框

第一类是主要类别

第二个是子类别

maincategories和subcategories选项提供了一个数据键

<option data-key="0">First</option>
<option data-key="1">Second</option>
在此之后,我想过滤.subcat选择框以仅显示数据键=键的数据


有什么想法吗?

这将隐藏或显示
.subcat
中的选项,具体取决于它们的
数据键是否匹配

$(".subcat option").each(function() {
    $(this).toggle($(this).data("key") == key);
});

这将隐藏或显示
.subcat
中的选项,具体取决于它们的
数据键
是否匹配

$(".subcat option").each(function() {
    $(this).toggle($(this).data("key") == key);
});

不是因为您按值筛选?我不知道如何筛选“数据键”属性上的第二个选择框选项。也不是因为您按值筛选?我不知道如何筛选“数据键”属性上的第二个选择框选项。感谢您现在就尝试。。谷歌搜索了很多,我相信这是一个很好的方法。你使用的:.data(“key”)和.attr(“data key”)有什么区别;我在阅读你的代码时注意到了这一点。谢谢你现在就开始尝试。。谷歌搜索了很多,我相信这是一个很好的方法。你使用的:.data(“key”)和.attr(“data key”)有什么区别;我在阅读代码时注意到了这种差异。