0

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

我有一个下拉菜单。它包含比其基本大小更宽的文本。在 IE 中，它的宽度不足以看到整个文本。解决方案是，当我单击下拉菜单时，将大小增加到我需要的大小。

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

并且在失去焦点后会回到原来的大小：

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

现在的问题：如果我点击输入，大小会增加，但不会立即打开列表。它需要再次单击才能执行此操作。

如何增加大小，同时打开列表？

已编辑

所以伙计们，问题是，当您单击下拉菜单时，大小发生了变化，并且在 IE8 下，选项不会显示。没有掉下来。这就是我需要的。我不想在悬停时这样做。

jQuery 和其他库不是选项。我必须与本机JS有关。

4

3 回答 3

0

尝试类似：

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

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

于 2013-03-11T08:53:40.310 回答
0

我猜你覆盖了标准的 onfocus 功能，试试悬停事件吧？

于 2013-03-11T09:06:29.087 回答
0

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

于 2013-03-11T09:09:31.490 回答