＆lt; option＆gt;を動的に作成するにはどうすればよいですか？ HTMLエンティティ（＆＃8212;＆＃8230;＆＃171;）を含むJavaScriptで？

Question

＆lt; option＆gt;を追加したい＆lt; select＆gt;への要素＆lt; option＆gt;の要素要素のテキストには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 —';

（観察された動作はInternet＆nbsp; Explorer 7でした... Firefox、Safariなどではテストしませんでした。現時点ではInternet＆nbsp; 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 —', '');
}

Answer 3

text プロパティはエスケープされません。文字どおりに取得するためのものです。 innerHTML を使用する場合、エンティティは対応する文字に変換されます。

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