Comment créer dynamiquement une option & lt; & gt; en JavaScript qui contient une entité HTML (- ... «)?

Je voudrais ajouter un <option> élément <select> où l' <option> texte de l'élément contient une entité HTML: &mdash;

En HTML, le code ressemblera à 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('&mdash; Select One &mdash;', '');
}

Cependant, comme vous le verrez si vous testez cette, le &mdash; devient échappé. J'ai eu le même résultat quand je l'ai essayé:

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

(Comportement observé était dans Internet Explorer 7 ... n'ont pas le test avec Firefox, Safari, etc. -- Internet Explorer 7 est le seul navigateur que j'ai besoin en ce moment.)

source d'informationauteur Adam Douglass

  1. 16

    Je viens de réalisé que je pouvais utiliser un caractère d'échappement JavaScript:

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

    Vous n'avez pas besoin d'échapper à l'entité qu'il fonctionne comme ceci:

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

    text bien que ne pas obtenir sans échappement, car il est destiné à être pris à la lettre. Si vous utilisez innerHTMLles entités converties en caractères correspondants.

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