Selectボックスを以下のようにつくると
<Select> <option>短い要素１</option> <option>クソのように長ったらしい要素２</option> <option>馬鹿みたいにとんでもなく長いったらない要素３</option> </Select>
一番長い要素の長さに合わせてボックスが伸びるが、あまりにも長すぎるのはみっともないので、下のようにスタイルシートで長さを調節したのだが
select {
width: 150px;
}
IE
Firefox等のモダンブラウザではSelectボックスをクリックすると中身は全部表示されるのに対し、IEだとスタイルシートで区切った長さで中身まで切れていた。検索して解決のヒントを探しているとSelect Cuts Off Options In IE (Fix)というページで、まったく同じ内容を扱っていた。ページを読んでいくとそのサンプルコードには「jQuery」を用いているようなので、jQuery公式サイトでjQuery.jsの最新版(1.3.2)をダウンロードする。そしてこのファイルを適当なフォルダに置いて
<head> … <script src="./script/jquery.js"></script> … </head>
とjQueryを使えるようにしてから、Select Cuts Off Options In IE (Fix)を参考(と言う名の流用)にしてコードを書いてみたが…反応無し。jQueryを参考にしたページの書かれた当時のバージョンにしても同じであった。そうこうしている内に仕事時間切れとなった。
