【发布时间】:2013-05-09 23:42:55
【问题描述】:
我正在尝试将 select2 与一个禁用值一起使用。
我正在尝试像这样实现它
$('#select_currency').select2('data', preloaded_data);
我一直在阅读有关锁定选择的信息,但我无法实现它,请有人告诉我如何实现它,或者有任何关于它的教程。
【问题讨论】:
标签: twitter-bootstrap select jquery-select2
我正在尝试将 select2 与一个禁用值一起使用。
我正在尝试像这样实现它
$('#select_currency').select2('data', preloaded_data);
我一直在阅读有关锁定选择的信息,但我无法实现它,请有人告诉我如何实现它,或者有任何关于它的教程。
【问题讨论】:
标签: twitter-bootstrap select jquery-select2
如果您使用 v3.5 http://select2.github.io/select2/#locked-selections,您可以轻松添加locked="locked"。
但在 v.4.x 中,此功能已被删除。
我找到了 v.4.x 的解决方案(或 hack :)),有点脏,控制台中出现错误,但它可以工作。无论如何,这是我发现的最佳解决方案。检查我的 jsfiddle:
【讨论】:
在选择下拉列表中,您只需添加locked="locked" 属性。
<select id="sharewith" multiple="true">
<option value="self" selected="selected" locked="locked">myself</option>
</select>
【讨论】:
很简单,只需传递所有要锁定的项目,例如
$('#select_currency').select2('data', [{id:'myr', text:'Malaysia Ringgit', locked:true}]);
【讨论】: