¿Cómo creo dinámicamente un <option> en JavaScript que contiene una entidad HTML (- ... «)?

Question

Me gustaría añadir una opción < > elemento a un selecto > elemento < donde el texto del < opción > del elemento contiene una entidad HTML: & mdash;

En HTML, el código se vería así:

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

código

Mi JavaScript parece a esto:

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

Sin embargo, como se verá si se prueba esto, el & mdash; se escapó Tenía el mismo resultado cuando intenté:

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

(comportamiento observado fue en Internet Explorer 7   ... no probó con Firefox, Safari, etc. - Internet Explorer 7   es el único navegador que necesito . por el momento)

Answer 1

me di cuenta de que podía utilizar un escape de Unicode JavaScript:

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

Answer 2

no es necesario para escapar de la entidad - que funciona de esta manera:

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

Answer 3

text La propiedad no se desaparece, ya que debe tomarse literalmente. Si usa innerHTML, las entidades se convierten a los caracteres correspondientes.

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