更大的點擊下拉列表（JS）

我有一個下拉菜單。它包含比其基本尺寸更寬的文本。在IE中它不夠寬，無法看到整個文本。解決方案是，當我點擊下拉列表時，我將尺寸增加到了我需要的尺寸。

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

，並且能恢復到原來的大小已經失去焦點：

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

而現在的問題：如果我點擊輸入，尺寸將增加，但不會立即打開列表。它需要其他點擊來做到這一點。

如何增加尺寸並同時打開列表？

編輯

所以，球員，問題是，當你點擊了下拉列表中，大小改變，IE8下的選項將不顯示。沒有下降。這就是我需要的。我不想在懸停時進行。

jQuery和其他庫不是選項。我必須處理原生JS。

更多HTML/JS代碼會很好。 – fnkr 2013-03-11 08:53:53

一個jsfiddle會是理想的... – 2013-03-11 09:04:57

'重複'在FF上效果極佳，但不在IE8下。 – gitarvandor 2013-03-11 16:00:27

嘗試類似：

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

我希望這會幫助你。

2013-03-11 08:53:40

這與OP的onfocus事件基本相同，並沒有解決他的問題。 – acme 2013-03-11 09:05:34

我想你重寫標準的onfocus功能，而不是嘗試懸停事件？

2013-03-11 09:06:29

你真的需要js來實現嗎？我假設您的下拉菜單中的每個元素都是一個鏈接。從css1開始，鏈接具有符合您需要的僞類選擇器（a：鏈接，a：visited，a：hover，a：active，a：focus）。希望這有助於。

2013-03-11 09:09:31 c4lm0s

回答