如何动态创建＆lt;选项＆gt;在包含HTML实体的JavaScript中（＆＃8212;＆＃8230;＆＃171;）？

Question

我想添加＆lt;选项＆gt;元素到＆lt; select＆gt;元素所在的＆lt;选项＆gt; element的文本包含一个HTML实体：＆amp; 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 —', '');
}

但是，正如您将看到的那样，如果你测试这个，那么＆amp; mdash;变得逃脱。我尝试时得到了相同的结果：

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

（观察到的行为是在互联网上，资源管理器7 ...没有使用Firefox，Safari等进行测试 - 互联网＆nbsp;资源管理器7是我目前唯一需要的浏览器。）

Answer 1

我刚刚意识到我可以使用Unicode 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 —';