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

Question

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

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

请给出解决方案。

Answer 1

来自select2 docs

  

如果您需要禁用某些选项，以便select2界面无法选择它们，您现在可以传入disabled：true与您的数据。请注意：这也适用于来自ajax的传入值。当附加到元素时，Select2将尊重其元素＆＃39;残疾人财产。

$( 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 );
        }
    } );
} );