Comment faire pour afficher le code html dans choisir 2 options

Dans cet exemple de données chargées à partir d'une source éloignée, je peux voir les images et autres éléments html rendu comme options. J'aimerais faire la même chose en utilisant des données dans un tableau. J'ai essayé avec la construction d'un tableau tel que décrit dans la documentation et l'ajouter avec le data option mais le html est affiché comme du texte clair:

JS:

var data = [
  { id: 0, text: '<div style="color:green">enhancement</div>' },
  { id: 1, text: '<div style="color:red">bug</div><div><small>This is some small text on a new line</small></div>' }];

$("select").select2({
  data: data
})

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>

<select></select>

Comment puis-je ajouter du contenu html à la choisir 2 options?

InformationsquelleAutor billynoah | 2016-04-01