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