如何在包含HTML实体的JavaScript中动态创建<option>( - ...«)？

Question

我想在<select>元素中添加一个<option>元素,其中<option>元素的文本包含一个HTML实体:—

在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 —', '');
}

但是,正如您将看到的那样,如果您测试这个,那么— 变得逃脱.我尝试的时候得到了同样的结果:

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

(观察到的行为是在Internet Explorer 7中...没有使用Firefox,Safari等进行测试 - Internet Explorer 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 —', '');
}