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

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

• 单击+按钮，将动态创建更多组
• 子类别下拉列表在类别下拉列表的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是类别下拉列表中使用的类别

您所说的

是什么意思？问题是我想避免子类别下拉列表中重复选择？？？

您迄今为止尝试了什么？您可以尝试

.empty（）

追加之前为确保在追加选项之前选择为空，我将对上一个代码进行编辑，修复上一个“子类别”的值，并使用拼接功能从下一个“子类别”下拉列表中删除