Параметры выбора фильтра JQuery по тегу атрибута

Question

У меня есть два окна выбора.

первый является maincategory

второй является подкатегорию

В maincategories и подкатегорий варианты приведены в данных ключ.

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

и т.д ..

Теперь я хочу, чтобы фильтровать вторую подкатегорию поле выбора на данных ключа, когда пользователь изменяет основную категорию.

Если когда-нибудь пользователь изменяет maincategory я получаю данные ключ от:

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

Afther этого я хочу, чтобы фильтровать .subcat выберите поле для отображения данных только с данными ключа = ключ.

Любые идеи по этому поводу?

Answer 1

Это скроет или покажет варианты в .subcat в зависимости от того, соответствуют ли их data-keykey.

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