Javascript 在下拉列表框中通过appendChild方法添加的项目不会显示在IE8下
起初我认为这是一个CSS问题，但我构建了一个小样本来重新处理这个问题。 如果使用IE8，则不显示值1、2和3：Javascript 在下拉列表框中通过appendChild方法添加的项目不会显示在IE8下,javascript,internet-explorer-8,appendchild,Javascript,Internet Explorer 8,Appendchild,起初我认为这是一个CSS问题，但我构建了一个小样本来重新处理这个问题。 如果使用IE8，则不显示值1、2和3： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <html xm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
alert("Thanks for visiting!");
var gridCommandBox = $('#GridCommands')[0];
if (gridCommandBox.options.length == 0) {
gridCommandBox.options.add(new Option("<Select Command>", ""));
var clipGroup = document.createElement("optgroup");
clipGroup.label = "Copy To Clipboard...";
clipGroup.appendChild(new Option("Value1", "Value1"));
clipGroup.appendChild(new Option("Value2", "Value2"));
clipGroup.appendChild(new Option("Value3", "Value3"));
gridCommandBox.appendChild(clipGroup);
}
});
</script>
</head>
<body>
<table>
<tr><td><select id="GridCommands"></select></td></tr>
</table>
</body>
</html>
$（文档）.ready（函数（）{
警惕（“谢谢光临！”）；
var gridCommandBox=$（'#GridCommands'）[0]；
if（gridCommandBox.options.length==0）{
添加（新选项（“，”）；
var clipGroup=document.createElement（“optgroup”）；
clipGroup.label=“复制到剪贴板…”；
clipGroup.appendChild（新选项（“Value1”、“Value1”）；
clipGroup.appendChild（新选项（“Value2”、“Value2”）；
clipGroup.appendChild（新选项（“Value3”、“Value3”）；
appendChild（clipGroup）；
}
});
Max选项对象是与HTML中的标记关联的HTML DOM对象。您正在直接实例化一个Option对象，并尝试将该JavaScript对象附加到另一个DOM元素
虽然这可能适用于某些浏览器，但您应该使用
document.createElement（'option'）历史记录。之后，转到（0）