twitter-bootstrap - 如何用锁选择实现select2？

Question

我正在尝试将 select2 与一个禁用值一起使用。

我正在尝试像

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

我一直在阅读有关锁定选择的信息，但我无法实现它，请有人告诉我如何实现它，或者是否有任何关于它的教程。

Answer 1

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

但在 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}]);