Javascript 如果其他下拉列表选择相同的值，则禁用选择下拉列表值

我有6个相同值的下拉列表。第一个下拉列表是必需的，其余的是可选的。更改时，如果其他下拉列表选择相同的值，则应禁用这些值。下拉列表1应始终允许所有值。当下拉列表1发生变化时，其他下拉列表的所有其他值应相应变化。我该怎么做？我被下面的代码卡住了

当前，如果下拉列表已经选择了相同的值，则下面的代码用于禁用其他选项。但在提交表单时，当我尝试重新调整值时，它不起作用：(

$(".selectClass").change(function () {
    
    $(".selectClass option[value='" + $(this).data('index') + "']").prop('disabled', false);
    $(this).data('index', this.value);
    $(".selectClass option[value='" + this.value + "']:not([value=''])").prop('disabled', true);
    $(this).find("option[value='" + this.value + "']:not([value=''])").prop('disabled', false);
    
    });