如何使 select2 只读而不禁用？

Question

我用 asp core 编写了一个视图页面，并使用 select2 作为我的组合框。使用时禁用此行代码效果很好：

$('select').prop("disabled", true);

但它是禁用的并且不是只读的。我想要只读。在只读值中保存，但在禁用值中不保存并将空值发布到控制器。在 select2 文档中使用此（

$('select').select2('readonly',true);

或

$('select').prop('readonly',true);

可以只读。但它对我不起作用。为什么？？ :-(

Answer 1

嗨，我找到了 select2 readonly 问题的解决方案。

首先添加这个CSS

    select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
    cursor:no-drop;
}

现在对于只读，我必须添加此 jquery 代码：

$("#select1").attr("readonly", "readonly");

要删除它只读属性必须添加以下内容：

$("#select1").removeAttr("readonly");

谢谢你