【问题标题】:How to implement select2 with lock selection?如何用锁选择实现select2?
【发布时间】:2013-05-09 23:42:55
【问题描述】:

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

我正在尝试像这样实现它

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

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

【问题讨论】:

    标签: twitter-bootstrap select jquery-select2


    【解决方案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/

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        【解决方案3】:

        很简单,只需传递所有要锁定的项目,例如

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

        【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-05-08
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多