javascript - 选择特定选项后禁用 select2 上的选项

Question

我在我的网站中使用 select2，其中有 10 个选项。所以我有这个js:

$("#myselect").select2({ 
    maximumSelectionLength: 3
});

当选择选项 1 时，我想禁用 Select2 上的所有其他选项。不知何故，就像跳过最大选择长度并突然只允许选择一个。但只有当我选择选项 1 时才会发生这种情况。

例如，如果我选择选项 2，我只需停用选项 1。

因此，一般来说，如果选择了其他选项，则需要将选项 1 从最多 3 个选择中排除，并且如果一开始就选择了该选项，则应停用所有其他选项。我希望我在描述中说得很清楚。

这样的事情可能吗？如何实现？

我试过这个>

if($("#myselect").val() == 1){
    $("#myselect").find("option").each(function(){
        if($(this).val() != 1){
            $(this).attr("disabled", "disabled");
        }
    });
}

这实际上在选择选项 1 时将禁用属性添加到所有选项，但不在生成的 select2 html 代码上，仅在我的初始 html 上，所以它实际上不起作用。

提前致谢

Answer 1

在 @karan3112 推荐后，我添加了这个

   $("#myselect").select2({maximumSelectionLength:3}).trigger('selection:update'); 

添加禁用属性后，效果很好。