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

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

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

No.1 ベストアンサー 回答者： caraldo_k 回答日時： 2008/12/02 17:56

<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は知っているのに思いつきませんでした。
とても助かりました。ありがとうございました。

お礼日時：2008/12/18 13:42