Question

我有一个非常简单的问题。

我有一个下拉列表。它包含比其基本大小更宽的文本。在IE中，它看起来不够广泛。解决方案是，当我点击下拉列表时，我将大小增加到我需要的位置。

 onfocus="this.style.width='320px';"

并且在失去焦点后将恢复原来的尺寸：

onblur="this.style.width='150px';"

现在问题是：如果我点击输入，大小会增加，但不会立即打开列表。它需要另外一次点击才能做到这一点。

如何增加尺寸，同时打开列表？

EDITED

所以小伙子们，问题是，当你点击下拉列表时，大小发生了变化，而在IE8下，选项将不会显示。没有掉下来。这就是我需要的。我不想在悬停时这样做。

jQuery和其他库不是选项。我必须使用原生JS。

Answer 1

尝试类似：

onclick="this.style.width='320px';"

我希望这会对你有所帮助。

Answer 2

我猜你的重写标准onfocus功能，可能尝试悬停事件吗？

Answer 3

你真的需要js来实现这个目标吗？我假设你的下拉列表中的每个元素都是一个链接。从css1开始，链接具有符合您需求的伪类选择器（a：link，a：visited，a：hover，a：active，a：focus）。希望这会有所帮助。