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

Question

我有两个选择框。

第一个是主要类别

第二个是子类别

主类别和子类别选项具有数据键。

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

等等..

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

每当用户更改主类别时，我都会通过以下方式获取数据密钥：

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);
});