Comment créer dynamiquement un <option> en JavaScript contenant une entité HTML (- ... «)?

Question

Je voudrais ajouter une option < élément > à un élément de sélection < > où le texte de l'élément d'option < > contient une entité HTML: & mdash;

En HTML, le code ressemblerait à ceci:

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

Code Mon 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 & mdash; devient échappé. J'ai eu le même résultat quand j'ai essayé:

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

(comportement a été observé: dans Internet Explorer 7   ... n'a pas testé avec Firefox, Safari, etc. - Internet Explorer 7   est le seul navigateur dont j'ai besoin . au moment)

Answer 1

Je viens de réaliser que je pouvais utiliser JavaScript escape Unicode:

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

Answer 2

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

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

Answer 3

text La propriété n'est pas dégagée, car elle est censée être prise littéralement. Si vous utilisez innerHTML, les entités sont converties en caractères correspondants.

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