带有正斜杠的 HTML 选项值

Question

我在通过 JavaScript 生成 HTML 选择的选项时遇到问题。

有几种方法可以向select 添加选项，例如：

var cbo_Options = document.getElementById("cbo_Options");
cbo_Options.options[cbo_Options.options.length] = new Option("text", "value", false, false);

与

<select id="cbo_Options"></select>

此脚本将生成到：

<select>
...
<OPTION value="value">text</OPTION>
...
</select>

这是应该的，但是在 Internet Explorer (8 & 9) 上运行时，引号消失了。如果值的内容以空格（“”）或“”开头，那么引号就会出现。我不知道为什么，但在 Chrome 上总是有引号。

所以问题来了，当“值”以正斜杠（“/”）结尾时，上面的 sn-p 变为：

<select>
...
<OPTION value=value/>text</OPTION>
...
</select>

并且 OPTION 标签在 value 属性之后关闭。

我尝试将“/”替换为“/”但没有成功。

有什么问题吗？有没有办法解决这个问题？

Answer 1

您应该使用以下代码为您的选择标签添加一个选项

    var cbo_Options = document.getElementById("cbo_Options");
    var newOption = document.createElement("option");
    newOption.value = "val";
    newOption.text = "text";
    cbo_Options.options[cbo_Options.length] = newOption;