我正在开发IE6。我有一个简单的组合框有三个选项(空的默认选项,另外两个选项)。
有时,此组合以正确的方式显示选项,如下所示:
但是其他时候,组合具有相同的选项,但它没有显示它们,如下所示:
这些选项可以证明是因为我可以将鼠标放在组合中,并且使用鼠标滚轮,我可以上下移动并进行选择。但是组合没有打开(或者钻取,我不知道正确的动词)。
同一视图中的其他组合很好地展示了它们的选项,它们有这样的CSS类:
.myStyle { width: 170px; padding:1px 0px 1px 0px; }
这种'反叛'组合也有这种风格。我究竟做错了什么?这是一个CSS问题吗?
请注意,组合位于表格的单元格内。代码是:
<select id="mySelect" class="myStyle">
<option value="0"> </option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
在JavaScript部分中,如果我不使用此jQuery代码,则永远不会显示组合选项:
$("#mySelect").css("width","auto");
因此,至少有时候,可以显示组合选项。
答案 0 :(得分:0)
实际答案是:替换IE6。
解决这个恼人问题的罕见技巧是:
$("select").each(function(){
$(this).css("width","auto");
$(this).attr('size', 2).attr('size', 1);});
是的,我知道,这是一个奇怪的补丁,但这是它真正起作用的唯一想法。 我再说一遍:改用新的IE而不是6版本。