Javascript 为什么select在IE 9中只显示选项文本的第一个字符

选择仅显示IE 9中选项文本的第一个字符

使用单击div事件添加选项，只显示第一个字符

这个问题发生在IE9中。FF和Chrome做得很好

适用于JQuery 1.3.2，但不适用于以上版本

请参阅此JSFIDLE：

或

HTML

插入选项

Javascript

$(document).ready(function () {
    $("#container").append("<select class='category-select root' style='width:100px' />");  
    $("#btn").click(function(){    
       $(".root").append("<option>none</option>");
    });
});

$（文档）.ready（函数（）{
$（“#容器”）。附加（“”）；
$（“#btn”）。单击（函数（）{
$（“.root”）.append（“无”）；
});
});

我找到了答案。显然是这样。奇怪的是，微软在发布IE10之前无法修复这种bug

嗯。解决方案是一个真正的难题。通过将select的宽度设置为某个值，可以强制IE重新绘制。在本例中，它被设置为自己的值。想知道为什么每个网络开发者都讨厌IE

---

我无法复制错误。这把小提琴在我的计算机上的IE8中工作得很好：@aaberg我已经用新的代码示例更新了这个问题。很抱歉给您带来不便！试试你的小提琴。在我的计算机上，IE8可以正常工作。请在IE9中将browsermode设置为IE8时尝试。。我不能让它在这里工作。但是在清洁IE 8中它是有效的。。再次抱歉！我已经用IE9更新了这个问题！在工作中我们仍然使用OLIE8，所以我可以用IE9测试它。我现在用IE9在我的家用电脑上测试了它，我得到了和你一样的错误。很奇怪。如果我找到解决方案，我会在这里发布。很好的发现。我认为微软已经承认在浏览器战争中失败了。他们没有运送好的成品。现在在最新版本的visual studio中，您可以选择其他浏览器（如Chrome、FF）来调试您的代码。@kasperxb:是的！这是一只虫子。

$(document).ready(function () {
    $("#container").append("<select class='category-select root' style='width:100px' />");  
    $("#btn").click(function(){    
       $(".root").append("<option>none</option>");
    });
});