Javascript 禁用所选选项后，select2不会更新

我试图禁用select2中的selected选项，但select2似乎没有刷新

我的目的是在选择select2列表中的每个项目后将其禁用。我看到HTML显示该选项具有disabled属性，但该选项在select2元素中仍然处于启用状态

$("#select-filter").select2({
    placeholder: "Select a category",
    data:[{
        id: "",
        text: ""
    },{
        id: "project",
        text: "project"
    },{
        id: "date",
        text: "date"
    },{
        id: "user",
        text: "user"
    }]
}).on("change", function(e) {
    $("#select-filter :selected").attr("disabled", "true");
});

---

参见示例：

您可以使用select事件和如下所示的数据：

...}).on("select2:select", function(e) {
  console.dir(e.params.data);
  e.params.data.disabled = true;
});

更新小提琴：

请注意，如果还必须禁用基础选择元素选项，则可以执行以下操作：

 var index = $(e.params.data.element).index();
 $("#select-filter").find('option').eq(index).prop('disabled',true);

---

您正在使用哪个浏览器？--尝试

$（“#选择过滤器：已选择”）.prop（“已禁用”，true）@Amani chrome，并且已经尝试过了-没有帮助我用chrome尝试了你的代码，并且它可以工作--@Amani你没有加载正确的select2文件。请参见
“true”
是字符串而不是布尔值。