如何动态创建<选项>在包含HTML实体的JavaScript中(—…«)?
-
06-07-2019 - |
题
我想添加<选项>元素到< select>元素所在的<选项> element的文本包含一个HTML实体:& mdash;
在HTML中,代码如下所示:
<select name="test" id="test">
<option value="">— Select One —</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是我目前唯一需要的浏览器。)
解决方案
我刚刚意识到我可以使用Unicode JavaScript转义:
e.options[0] = new Option('\u2014 Select One \u2014', '');
其他提示
你不需要逃避实体 - 它的工作原理如下:
function selectOne() {
var e = document.getElementById('test');
e.options[0] = new Option('— Select One —', '');
}
text
属性不会被转义,因为它意味着字面意思。如果使用 innerHTML
,则实体将转换为相应的字符。
e.options[o].innerHTML = '— Select One —';
不隶属于 StackOverflow