• 締切済み

セレクトボックスの表示方法について

フォームなので使われるセレクトボックスについてですが、 ↓矢印を押すとセレクトボックスの内容一覧が表示されますよね。 その表示がまれに上側に出てしまうことがあるのですが、 その表示を絶対に下側に出るように指定することって出来ますか? ご存知方がいらっしゃいましたら、教えて下さい。 よろしくお願い致します。

みんなの回答

noname#100277
noname#100277
回答No.1

ブラウザの上半分に在る場合は確実に下に展開。 下半分でも下に「展開しきれない」場合は上に展開。 「option」の数量がブラウザの領域から外れる長さかどうかの問題。

関連するQ&A

  • フォーカス取得時にセレクトボックスの内容を一覧表示したい。

    お世話になります。 セレクトボックスがフォーカスを取得した時に、セレクトボックスの内容を一覧表示(展開)したいのですが、可能でしょうか? (ALT+下矢印押した時の動作です。MS Accessでは、dropdownという  メソッドがそれにあたります。) 色々とググってみましたが、該当する内容を見つけられませんでした。 知っていらっしゃる方がいましたら、是非ご教授ください。 よろしくお願い致します。m(_ _)m

  • Javascriptでフォームのセレクトボックスの同期をとる方法につい

    Javascriptでフォームのセレクトボックスの同期をとる方法について質問させてください。 フォームに「期間を指定」するための【開始日】と【終了日】という項目があり、それぞれにセレクトボックスで年、月、日を指定するようになっています。 このセレクトボックスの【開始日】を仮に 2010年 9月 27日 に設定したら、自動的に【終了日】もそれに合わせて 2010年 9月 27日 と変化するようにしたいと思います。 私なりに調べてみたのですが、こういった処理をなんと呼ぶのかもわからず、うまく検索できませんでした。 どなたか解決策をご存じの方がいらっしゃいましたら、ご意見をください。 よろしくお願い致します。

  • セレクトボックス自動表示

    セレクトボックスの自動表示についてわからないことがあり、投稿させていただきました。 内容は 数字のセレクトボックスを複数つくり、その複数セレクトボックスの数字を全部足した合計の数を表示させ、さらに合計の数字の分だけ別でセレクトボックスを表示させるという内容です。 例 1つ目のセレクトボックス 012・・・89 2つ目のセレクトボックス 012・・・89 とあり、1つめのセレクトボックスを2とし、2つめのセレクトボックスも2とした場合、 合計は4になります。 その後また別のセレクトボックスを4つ表示させるといったことをしたいのですが、記述方法がわかりません。 お分かりの方がいらっしゃいましたら、ご教授お願いいたします。

  • セレクトボックスの内容をリストで出したい

    セレクトボックスをクリックしたりすると セレクトボックスの内容が ぱっと下方へ延びてリスト表示されますが、 あの状態をjavascriptで実現したいのです。 どう指定したらよいでしょうか。 FORCUS関数では、フォーカスが移るだけだし。。 ご存知でしたら、教えて下さい。 よろしくお願いします。

  • jquery セレクトボックス

    jqueryについて質問させて頂きます。 今予約フォームを作成しているんですが、下記のような機能をつけたいんです。。 セレクトボックスは、1.「年月日」2.「時間」の2つあり、 セレクトボックス1で年月日を選択したさいに、土日を含む場合と平日の場合で、 セレクトボックス2に表示される内容を変えたいのです。 現状は、とりあえず日にちの表示はできました。。 後は土日か平日かを取得してセレクトボックス2の内容を変えたいのですが。。。 参考になりそうなサイトや、ご意見を頂きたいです。。 宜しくお願いします。。。

  • aspのセレクトボックスにDBのデータを表示する

    お世話になっています。 現在、aspとSQLServerを使って一覧表を作成しています。 その一覧表を、大分類と中分類のセレクトボックスから 選択して、検索ボタンを押すと、SQLを作成して一覧表を表示する のですが、問題は、大分類を選択した後、その大分類で絞りこまれた 中分類を表示するのに少し時間がかかりすぎるのです。。 中分類はSQLServerのマスターからひろってくるのですが、SQLの 実行自体は1秒もかからないのですが、HTML上でセレクトボックスに 表示させると、すごく時間がかかるのです。テキストファイルから 読み込んだ大分類のセレクトボックスは表示が速いのに、 中分類を同じように速く表示させるには何か別の技術が必要 なのでしょうか? また、大分類のセレクトボックスのonChangeにSubmit()して、 ページを作成しなおしています。 よろしくお願いいたします。

  • セレクトボックス

    こんにちは。いつもお世話になっております。 セレクトボックスについて質問なのですが、JavaScrptを用いて セレクトボックスのどれかを自動的に選択する事は可能でしょうか? 具体的には、年月日をとりだして、セレクトボックスの対応する項目を自動選択したいのです。 どなたかご存知の方いらっしゃいましたら、どうか教えてください。 よろしくお願いします。

  • セレクトボックスについて

    現在、PHP画面を使って登録画面を作成しています。 必要事項を打ち込んだら、「確認」のボタンを押し、ページジャンプして 打ち込んだ内容を確認させその内容でよければ「登録」ボタン、 修正したければ「修正」ボタンといった流れで、修正ボタンを押すと 必要事項を打ち込んだ画面に戻るようにしているのですが、 その際、セレクトボックス(<select>)に最初に打ち込んだ内容を表示させたいのですが どうしたらいいのでしょうか? (最初にセレクトボックスで「男」を選択していたら修正で戻っても「男」が選択されているようにしたい) input typeのtextで打ち込んだ内容はセッションと変数を使ってvalueに値を入れたら 表示することができたのですが… 回答お待ちしています。

    • ベストアンサー
    • PHP
  • Selectボックスの一覧表示方法

    Selectボックスの一覧表示方法 いつもお世話になりますm(__)m <input type='text' name='hoge1'> <select name='hoge2'> <option value='1'>Aあああ</option> <option value='2'>Bいいい</option> <option value='3'>Cううう</option> </select> 上記のフォームがあった場合、hoge1を入力して、TABキーでhoge2のSelectボックスにフォーカスが移動した時、hoge2の一覧を表示させたいのですが、可能でしょうか? hoge2にフォーカスがある時に、キーボードのALT+↓を押した時と同じ動作を自動でしたいと思っています。 ※Accessでいうところの、xx.Dropdownと同じです いろいろ調べたところ、「onfocus="this.size=5"」でSelectボックス自体のサイズを変更して表示する方法は見つかりました。 しかし、上記のようにSelectボックス自体のサイズを変更せず、まさにALT+↓を押した状態(一覧が表示される状態)にしたいと考えています。 javascriptのonfocusで出来そうな気がするのですが、お詳しい方、是非ともお力添え下さい。 宜しくお願い致します。

  • document.writeでセレクトボックスを表示させると他のページ内容が白紙になるのですが

    チェックボックスにチェックを入れるとセレクトボックスが表示されるようにしたいと思い、 お名前[テキストエリア] ご住所[テキストエリア] □特別指定します(ご希望の方はチェックして下さい) という表示のページにJavascriptを追加し、 <body> <script type="text/javascript"> <!-- function func() { if ((!document.F1.C1.checked)) { document.write("<SELECT NAME=\"有効月\" id=\"有効月\"><OPTION VALUE=\"指定なし\">お選び下さい<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10<option>11<option>12</SELECT>"); } } // --> </script> <form name="F1" action="#"> <input type="checkbox" name="C1" value="指定します" onclick="func()"> 指定します<br> <br>       ・       ・       ・       ・       ・ <input type="submit" value="送信"> </form> としたところ、「特別指定します」のチェックボックスにチェックを入れても何も反応が無く、逆に、一旦入れたチェックを外すと、セレクトボックスが表示されるかわりに他のページ内容が全て消えて真っ白ページにセレクトボックスだけがあるという結果になってしまいます。 チェックボックスにチェックを入れるとその下にセレクトボックスが表示され、さらにその後に続く入力欄にも色々記入した上で「送信」ボタンをクリックしてフォームを送信できるという結果を得るにはどうしたら良いでしょうか?

専門家に質問してみよう