セレクトボックスの幅をプルダウンしたときだけ大きくする

質問

セレクトボックスの幅をあるサイズに固定した上で
項目を選ぶときだけ、項目が全部読めるサイズで
表示をする何て事は可能でしょうか？
ご存知の方がいらっしゃいましたら是非ご教授願います。

通常このサイズで・・・
┌───┬─┐
│－－－│▽│
└───┴─┘
▽を押すと・・・
┌───────────┐
│項目１１１１１１１１１│
│項目２２２２２２２２２│
│項目３３３３３３３３３│
└───────────┘
といった感じです。

回答No.1

caraldo_k · ベストアンサー

<select style="width:100px;" onfocus="this.style.width='250px';" onblur="this.style.width='100px';">
<option>項目1</option>
<option>項目2</option>
<option>項目3</option>
<option>項目4</option>
<option>項目5</option>
<option>項目6</option>
<option>項目7</option>
</select>
なんて横着した形では如何でしょうか。
Fx2とIE7では確認しています。

お礼

onfocusとかonblurは知っているのに思いつきませんでした。
とても助かりました。ありがとうございました。