javascript - Jquery通过属性选项标签过滤选择选项

Question

我有两个选择框。

第一个是主类别

第二个是子类别

主类别和子类别选项都有一个数据键。

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

等等..

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

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

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