javascript - を動的に作成する方法HTML エンティティ (— ... «) を含む JavaScript では?

Question

<option> 要素のテキストに HTML エンティティが含まれる <select> 要素に <option> 要素を追加したいと考えています。

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

Answer 3

textプロパティは文字どおりに解釈されることを意図しているため、エスケープされません。を使用するinnerHTMLと、エンティティは対応する文字に変換されます。

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