在JQuery下拉框中禁用select2插件

Question

我从json获取值并在弹出窗口中显示它。我需要禁用我从json获得的选项。我怎样才能做到这一点？

我试过正常的jQuery，但它不起作用。我尝试禁用真正的，也没有工作。

请给解答。

Answer 1

从选择2文档

如果你需要，使他们不能被选择2接口可以选择禁用某些选项，您可以通过在禁用：与您的数据真实。请注意：这也适用于来自ajax的传入值。当附加到元素时，Select2将尊重其元素的禁用属性。

$(document).ready(function() { 
    $('#e24').select2({ 
     query: function(query) { 
      var data = { 
       results: [ 
        { id: 1, text: "I'm selectable" }, 
        { id: 2, text: "I'm a disabled option", disabled: true }, 
        { id: 3, text: "I'm selectable too!" } 
       ] 
      }; 

      query.callback(data); 
     } 
    }); 
});