如何使 select2 只读？

Question

我知道 select2 不存在“只读”功能。请 在此处查看。我该如何实现？任何帮助，将不胜感激。谢谢。注意：我不能使用禁用。如果我使用禁用，我将不会获得所选值的列表。

原文由 Rajesh Samui 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我想这个问题已经解决或者可能适用于更高版本，因为这对我有用。

请通过示例在此处将 select2 设置为只读： 选择 2

在js代码中：

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

您可以像这样放置自己的 CSS：

 .select2-container.select2-container-disabled .select2-choice {
  background-color: #ddd;
  border-color: #a8a8a8;
}

原文由 Manisha Bano 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

$('.js-example-basic-single').select2({
  disabled: true
});

在为我解析页面加载后呈现禁用属性。

提醒一下，具有禁用属性的字段不会在表单上发送

原文由 Victor Matuk 发布，翻译遵循 CC BY-SA 4.0 许可协议