如何在包含HTML實體（ - ...«）的JavaScript中動態創建<option>？

Question

我想>元素添加<選項，其中<選項>元素的文本包含HTML實體<選擇>元素：& MDASH;

在HTML中，代碼應該是這樣的：

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

我的JavaScript代碼如下所示：

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

但是，你會看到，如果你測試這一點，& MDASH;變得逃脫了。我有同樣的結果，當我試圖：

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

（觀測到的行爲在互聯網  Explorer 7中......沒有與Firefox，Safari等測試 - 互聯網  Explorer 7的是我唯一需要的瀏覽器。此刻）

Answer 1

我才意識到我可以用一個統一的JavaScript逃逸：

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

Answer 2

你不需要逃離實體 - 它的工作原理是這樣的：

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

Answer 3

text財產並沒有得到未轉義，因爲它是從字面上理解的。如果您使用innerHTML，則實體會轉換爲相應的字符。

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