如何用锁选择实现select2

Question

大家好我想尝试使用具有一个禁用值的select2。

我正在尝试像

那样实现它

$('#select_currency').select2('data', preloaded_data);

我一直在阅读锁定选择，但我无法实现它，请问有人让我知道如何实现它，或者是否有任何关于它的教程。谢谢。

Answer 1

如果您使用v3.5 http://select2.github.io/select2/#locked-selections，则可以轻松添加locked="locked"。

但在v.4.x中，此功能已被删除。

我已经为v.4.x找到了解决方案（或者hack :)），在控制台中有点脏，但它确实有效。无论如何，这是我找到的最好的解决方案。检查我的jsfiddle：

https://jsfiddle.net/o3s3y42e/4/

Answer 2

在选择下拉列表中，您只需添加locked="locked"属性。

<select id="sharewith" multiple="true">
  <option value="self" selected="selected" locked="locked">myself</option>
</select>   

Answer 3

这很简单，只需传递您想要锁定的所有项目，例如

$('#select_currency').select2('data', [{id:'myr', text:'Malaysia Ringgit', locked:true}]);