人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ドロップダウンリストをクリックした際に表示される選択肢を一度にたくさん表示するようにしたいのですが、そういう指定は可能でしょうか?ブラウザーはIEです。
デフォルトでは30行ぐらいしか表示されません。これを出来れば画面の上下いっぱいに表示したいです。

<select name=x>
<option value=x>x</option>
.......(項目数が100個ぐらい)
</select>

●質問者: eggi
●カテゴリ:ウェブ制作
✍キーワード:IE クリック デフォルト ドロップ ブラウザ
○ 状態 :終了
└ 回答数 : 7/7件

▽最新の回答へ

1 ● chack2004
●0ポイント

http://www.patio-omori.com/passtest.html

Pass

OKじゃないですか?

丁度100までのセレクトボックスを見つけました。

何のためにこれを設置しているのか良くわかりませんけど

◎質問者からの返答

すみません。

クリックしたときに一度にもっとたくさん表示したいんです。

教えて頂いたURLでも一度にはやはり30行ぐらいしか表示されません。


2 ● chack2004
●10ポイント

http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/ri/ri...

なるほど、そういうことでしたか。

でしたら、普通のプルダウンでは無理なので、こちらの方法なら可能です。

Javascriptの知識が必要になりますが、この例でボタン画像をポイントしたときに出てくるメニューはテーブルになっているので、横4列で25段のテーブルをこのメニューの中に入れてやれば100のメニューが同時に表示できるようになります。

このサンプルではジャンプ先がリンクになっていますが、VALUEを設定してCGIに値を与える形にも組めますよね。

◎質問者からの返答

ありがとうございます!

かなりぐりぐりと書かないといけないんですね。

HTMLのごく簡単な構文であっても良さそうな機能なのですけどねえ。


3 ● amanoftaste
●30ポイント

select要素を

<select name=x onFocus=”this.size=100” onFocusout=”this.size=1”>

のようにしてみてください。

「100」となっているところは、

項目数に合わせてください。

シンプルで簡単なJavaScriptです。

ただ、フォーカスが外れないと元に戻らないので、

適当なところをクリックしてください。

◎質問者からの返答

ありがとうございます!

ほんのちょっと使い勝手が微妙ですが、非常にシンプルな変更ですみますし使い勝手自体は良さそうです。


4 ● diabah_blue
●50ポイント

http://cubic9.com/test/hatena/select100/

はてな 1104197465 セレクトボックスのドロップダウン時の表示項目を増やしたい

回答3の方のパクリですが、少し普通の動作に近くしてみました。

IE6とFirefox1.0で動作確認済みです。

◎質問者からの返答

おお!かなりいい感じになりましたね!

はてな内でオープンソースが動いているようで気持ちいいですね。

ありがとうございます!


5 ● siachan
●50ポイント

http://siachan.sinayaka.com/html/sel.html

sample

4番の方と動作はほぼ同じですが、

▼を押す->画面の何も無いところを押す(閉じる)->▼を押す->選択する

とするとリストが展開してしまうのでそれが出ないようにということで。

◎質問者からの返答

おぉ。どんどん進化していく・・・。ありがとうございます。

確かにドロップダウンの値が何もなくなってしまうんですよね・・・。

1ページにいくつもドロップダウンをおけるような汎用的なのになったら完成というところでしょうか。(thisとかを引数にするのかな・・。setTimeoutのところが難しそうです。)

しかし既にかなりきれいな動作ですね。ありがとうございます。


1-5件表示/7件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ