Question

我有一个HTML表单，其中包含各种SELECT（多行和下拉列表样式）元素。 SELECT中的许多项比元素宽度宽得多。在大多数浏览器中，它将显示工具提示，下拉列表将与最宽的选项一样宽。但是在IE6中，这些都不起作用。

有没有人知道任何替代控件，例如jQuery插件，可以用作SELECT替换，允许工具提示和更广泛的下拉。它只需要在IE6中工作。

Answer 1

您可以使用CSS指定符合您需要的SELECT元素的宽度。

select { width: 150px; }

Answer 2

jQuery Selectable的内容如何。

在这里，您可以获得具有给定宽度的可选元素列表。如果你想要一些更接近选择菜单的东西（即一切都没有列出），你可以看一下下拉菜单类型的实现，并修改它来选择你的值，而不是导航到一个新的页面。

Answer 3

我没有IE6，所以如果你可以设置select元素的宽度，我不是100％。如果你不能，你可以'重新创建'一个选择元素。如果IE6遇到一些问题，我不会感到惊讶。

例如，为每个选项创建一个display: inline-block div，然后遍历每个div并获得最高宽度。再次循环并将每个宽度设置为最高宽度。将它们保存在一个独特的容器中（具有相同的宽度以确保它们包裹）并将它们放置在为此目的而创建的元素旁边。不确定你的应用程序有多实用，但是嘿。

详细说明，这就是我的意思：http://jsfiddle.net/Svkxc/