在JQuery下拉列表中禁用select2插件

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

我试过普通的jQuery，但它不起作用。 我试过残疾，但也没用。

请给出解决方案。

Answer 1

来自select2文档

如果您需要禁用某些选项，以便select2界面无法选择它们，您现在可以传入disabled：true与您的数据。 请注意：这也适用于来自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 ); } } ); } );