禁用动态选择框的选择（下拉）选项

Question

我有2个下拉组，如下所示

• 点击+按钮将动态创建更多组。
• 并且在类别下拉列表的onchange事件中动态填充子类别下拉列表（来自数据库） 问题是我想避免在子类别下拉列表中重复选择
  欢迎提出任何想法

编辑1：

$('.skill-subcategory').each(function(){
            //var value = $(this).val();
            var arr = [];
            var selectedValue=$(this).attr('selected').value;
             arr.push(selectedValue);

        });

    arr.each(function(i){
        //var thisValue= $(this).value;
        var selectedValuea = $(this).val();
        var otherDropdowns = $('.skill-category').not(this);
        otherDropdowns.find('option').prop('disabled', false); //reset all previous selection
        console.log("value:" + selectedValuea);
        otherDropdowns.find('option[value=' + selectedValuea + ']').prop('disabled', true);
    });

        });

      //if(thisValue == arr[i])
      //$(this).attr('disabled', true); 
    });

请注意： .skill-subcategory是子类别下拉列表中使用的类 .skill-category是类别下拉列表中使用的类