Question

我在使用JavaScript生成HTML select选项时遇到问题。

有几种方法可以为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＆amp; 9）上运行时，引号就消失了。如果值的内容以空格（“”）或“＆lt;”开头或“＆gt;”然后报价来了。我不知道为什么，但在Chrome上总是有引号。

问题出现当“值”以正斜杠（“/”）结尾时，上面的代码段变为：

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

OPTION标签在value属性后面立即关闭。

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

有什么问题吗？无论如何要解决这个问题吗？

Answer 1

您应该使用以下代码为select标签添加选项

    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;

带有正斜杠的HTML选项值

1 个答案: