困っております。。ご存じの方ぜひ教えて頂けたらと思います。
HTMLのSELECTタグでプルダウンを作成しています。
OPTIONで指定しているリストは100件ほどあります。
この状態で▼を押してリストを表示すると、
縦が長すぎで、画面の外に飛び出る場合があります。
こうなると、スクロールバーもつまむことができないので
目的のものが選択できないことがあります。
プルダウンの表示長さを調節することはできませんでしょうか?
なお、SELECT以外の代替え案は勝手ながらご遠慮願います。
よろしくお願いしますm(_ _)m
No.3ベストアンサー
- 回答日時:
> 縦が長すぎで、画面の外に飛び出る場合があります。
・・・ブラウザのバグと思います。
参考に、OSと、ブラウザの種類とバージョンを教えて戴けないでしょうか。
(Safari3.0にはブックマークが画面外に表示されて選択できなくなるバグがありましたが)
ネットブックのような画面が小さなパソコンでは、
都道府県(47項目)を表示するだけで画面サイズを超えますので、
そういうブラウザでは閲覧できなくなってしまいますね。
(IE7ではセレクトフィールドのプルダウンメニューにスクロールバーが表示されました)
> プルダウンの表示長さを調節することはできませんでしょうか?
残念ながらそういう方法はありません。
ブラウザベンダーに連絡して、バグを修正してもらうのを待つか、
代替案として<select size="">を指定したり、
<optgroup>で入れ子にしていくとか、
JavaScriptのフローティングウインドウ(ポップアップウインドウ)で擬似的にプルダウンメニューをつけるくらいしかないと思います。
横幅については
<option value="1" label="ほげ">あいうえおあいうえお・・・</option>
という、短く表示する方法もありますが、ブラウザが対応していない可能性の方が高いです。
(この例では「ほげ」が表示される・・・はず)
ご回答いただきましてありがとうございます。
ブラウザはchromeです。
JavaScriptの方法を試してみたいと思います。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルについて教えてください。 2 2023/06/14 11:11
- Excel(エクセル) VLOOKUP が機能しない、その原因は何 ? 8 2022/10/19 12:06
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- Excel(エクセル) Excelで質問です。 詳細(写真) ①黄色の部分を全てプルダウンを設定する。 ②リストはG列 ③リ 1 2023/06/16 21:54
- Excel(エクセル) ユーザー定義について質問です。 2 2023/06/28 13:21
- Excel(エクセル) エクセルの数式で教えてください。 1 2022/10/25 09:26
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- その他(プログラミング・Web制作) セレクトボックスで選択された値をコントローラーで使用したい 2 2022/07/26 16:41
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
<select> <option>の表示、件数設定
HTML・CSS
-
[HTML]プルダウンメニューの横幅固定について
HTML・CSS
-
セレクトボックスの幅を指定した状態で、選択肢の文字列を全て表示する方法
HTML・CSS
-
-
4
プルダウン(リストボックス)の最大選択個数
HTML・CSS
-
5
プルダウンメニュー表示時の高さの指定方法
HTML・CSS
-
6
プルダウンメニューの開く方向をコントロールしたいのですが
HTML・CSS
-
7
HTMLフォームのSELECTの幅を一定にするためには?
HTML・CSS
-
8
<SELECT>タグの折り返し
HTML・CSS
-
9
Selectボックスの幅を自動で広げたい
AJAX
-
10
オプションメニューの中の文字を折り返したい
ホームページ作成・プログラミング
-
11
文字の横にプルダウンを表示させたいのですが、どうすればいいでしょうか?
HTML・CSS
-
12
onchangeイベントを強制的に発生させる
JavaScript
-
13
javascriptでselectボックスの<OPTION>要素数の取
JavaScript
-
14
Selectボックスの一覧表示方法
JavaScript
-
15
プルダウンで選択すると、DBの値を取得したい
JavaScript
-
16
tdに対してmin-heightの定義、または同じ
HTML・CSS
-
17
SELECT要素の垂直位置
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォルダ内の写真を画面幅にあ...
-
Illustratorで作成、pngで保存...
-
ユーザーフォーム スクロール...
-
DTPでバーコードのバックを白に...
-
photo shopでA4サイズは何セン...
-
SELECTのプルダウンの長さの調整
-
ホームページビルダー10【ス...
-
オプションメニューの中の文字...
-
ホームページ作成で画面ピッタ...
-
テーブルのサイズについて
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
cssファイルの名称付け
-
教えてください。
-
リストの前後の行間をなくす方...
-
alertで表示させる文字サイズは...
-
テーブル内の文字サイズを変更...
-
ディレクトリ構成【「common」...
-
英サイト(UTF-8)内での全角文字...
-
奇数のフォントサイズ指定について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Illustratorで作成、pngで保存...
-
ユーザーフォーム スクロール...
-
SELECTのプルダウンの長さの調整
-
オプションメニューの中の文字...
-
Word Webレイアウト表示に関して
-
PDFファイルを横につなぐ事は可...
-
フォルダ内の写真を画面幅にあ...
-
プルダウンメニュー表示時の高...
-
アップしたホームページがスマ...
-
秀丸エディターの「表示」の「...
-
cssの【float】について教えて...
-
B4サイズを実寸大で表示できる...
-
マイクロソフトのワードの文章...
-
メモ帳のサイズ
-
証明写真の一般的な顔の大きさ...
-
文字コード[x-sjis]について教...
-
スタイルシートの表の固定
-
縦長のホームページを作りたい...
-
ホームページ作りに詳しい人に...
-
オートフィルタのドロップダウ...
おすすめ情報