Comment créer dynamiquement une < option > en JavaScript contenant une entité HTML (& # 8212; & # 8230; & # 171;)?

Question

Je souhaite ajouter une < option > élément à un < sélectionnez > élément où l'option < > Le texte de l'élément contient une entité HTML: & amp; mdash;

En HTML, le code ressemblerait à ceci:

<select name="test" id="test">
    <option value="">&mdash; Select One &mdash;</option>
</select>

Mon code JavaScript ressemble à ceci:

function selectOne() {
  var e = document.getElementById('test');
  e.options[0] = new Option('— Select One —', '');
}

Cependant, comme vous le verrez si vous testez cela, le fichier & amp; mdash; devient échappé. J'ai eu le même résultat quand j'ai essayé:

e.options[o].text = '— Select One —';

(Le comportement observé était lié à Internet & nbsp; Explorer 7 ... n'a pas été testé avec Firefox, Safari, etc. - Internet & nbsp; Explorer 7 est le seul navigateur dont j'ai besoin pour le moment.)

Answer 1

Je viens de me rendre compte que je pourrais utiliser une évasion JavaScript Unicode:

e.options[0] = new Option('\u2014 Select One \u2014', '');

Answer 2

Vous n'avez pas besoin d'échapper à l'entité - cela fonctionne comme suit:

function selectOne() {
      var e = document.getElementById('test');
      e.options[0] = new Option('— Select One —', '');
}

Answer 3

La propriété

text n'est pas non plus échappée, car elle est censée être prise à la lettre. Si vous utilisez innerHTML , les entités sont converties en caractères correspondants.

e.options[o].innerHTML = '— Select One —';