Select2 - le rendre en lecture seule (non désactivé!) À partir de js

Question

Comment créer dynamiquement une combobox select2 en lecture seule?

Voici ce que j'ai essayé jusqu'à présent:

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

Answer 1

Solution de Select2 - Issue # 3387 - Support en lecture seule :

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;
  }
}