Jquery过滤器按属性选项标签选择选项

Question

我有两个选择框。

1st是maincategory

第二个是子类别

maincategories和subcategories选项被赋予数据密钥。

<option data-key="0">First</option>
<option data-key="1">Second</option>

等。

现在我想在用户更改主类别时过滤数据键上的第二个子选择框。

当用户更改maincategory时，我通过以下方式获取数据密钥：

var key = $('.maincat').find('option:selected').attr("data-key");

此外我想过滤.subcat选择框，只显示data-key = key的数据。

有关于此的任何想法吗？

Answer 1

这将隐藏或显示.subcat中的选项，具体取决于他们的data-key是否与key匹配。

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