Kartik Select2 - 讓它只讀（不禁用！）從js

Question

我該如何動態製作Kartik select2組合框只讀？

到目前爲止已經試過：

$('...').attr({'readonly': 'readonly'}).trigger('change.select2');

$('...').attr({'readonly': 'readonly'}).trigger('change');

$('...').select2().enable(false);

Answer 1

見：http://select2.github.io/select2/
我做到了：
$("#modelname-fieldname").select2({disabled:readonly});
這裏：
- modelname-fieldname是在：$form->field($modelname, "fieldname")->widget(Select2::classname(), [ ... ]);
- readonly是真的還是假的..
可選，你必須改變光標

Answer 2

解決方案從https://github.com/select2/select2/issues/3387#issuecomment-281481067

select[readonly].select2 + .select2-container { 
    pointer-events: none; 
    touch-action: none; 

    .select2-selection { 
    background: #eee; 
    box-shadow: none; 
    } 

    .select2-selection__arrow, 
    .select2-selection__clear { 
    display: none; 
    } 
} 

懸停在選擇2場時，