Combo没有显示他的选择

时间:2011-04-28 06:18:45

标签: html combobox internet-explorer-6

我正在开发IE6。我有一个简单的组合框有三个选项(空的默认选项,另外两个选项)。

有时,此组合以正确的方式显示选项,如下所示:Combo with options

但是其他时候,组合具有相同的选项,但它没有显示它们,如下所示:Combo with hidden options

这些选项可以证明是因为我可以将鼠标放在组合中,并且使用鼠标滚轮,我可以上下移动并进行选择。但是组合没有打开(或者钻取,我不知道正确的动词)。

同一视图中的其他组合很好地展示了它们的选项,它们有这样的CSS类:

 .myStyle { width: 170px; padding:1px 0px 1px 0px; }

这种'反叛'组合也有这种风格。我究竟做错了什么?这是一个CSS问题吗?

请注意,组合位于表格的单元格内。代码是:

<select id="mySelect" class="myStyle">
     <option value="0">&nbsp;</option>
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
</select>

在JavaScript部分中,如果我不使用此jQuery代码,则永远不会显示组合选项:

$("#mySelect").css("width","auto");

因此,至少有时候,可以显示组合选项。

1 个答案:

答案 0 :(得分:0)

实际答案是:替换IE6。

解决这个恼人问题的罕见技巧是:

$("select").each(function(){
 $(this).css("width","auto");
 $(this).attr('size', 2).attr('size', 1);});

是的,我知道,这是一个奇怪的补丁,但这是它真正起作用的唯一想法。 我再说一遍:改用新的IE而不是6版本。